error-collect 表单异常消息采集器

一个简单的表单异常消息采集器，点击图标跳转相应的位置；必须是一个标准 form 表单。

import { ErrorCollectModule } from '@delon/abc/error-collect';

代码演示

基础

一般配合 footer-toolbar 一起使用。

import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
@Component({
  selector: 'components-error-collect-basic',
  template: `
  <form nz-form [formGroup]="validateForm">
    <nz-form-item>
      <nz-form-control>
        <input nz-input formControlName="email" id="email">
      </nz-form-control>
    </nz-form-item>
    <error-collect></error-collect>
  </form>
  `
})
export class ComponentsErrorCollectBasicComponent implements OnInit {
  validateForm: FormGroup;
  constructor(fb: FormBuilder) {
    this.validateForm = fb.group({
      email: [ null, [Validators.required] ]
    });
  }
  get email() { return this.validateForm.controls.email; }
  ngOnInit(): void {
    this.email.markAsDirty();
  }
}

API

error-collect