ngx-formly：如何为 dateTimePicker 等自定义控件正式触发模糊事件？

问题描述

模糊事件不会以角度形式触发自定义控件。如何为自定义组件绑定模糊事件？我已经为 dateTimePicker 创建了自定义控件，并使用带有 Angular 版本 9（正式版本 5.5）的 Material UI

export class AppComponent {
  form = new FormGroup({});
  model: any = {};
  options: FormlyFormOptions = {};
  fields: FormlyFieldConfig[] = [
    {
      key: "DateTimePicker",type: "dateTime",templateOptions: {
        label: "Accept terms",description: "In order to proceed,please accept terms",pattern: "true",required: true,blur: () => {
          console.log("blur called");
        }
      },validation: {
        messages: {
          pattern: "Please accept the terms"
        }
      }
    }
  ];
}

解决方法

formlyAttributes 指令处理模糊事件，因此请确保在我们的文档 https://formly.dev/guide/custom-formly-field

中提到的自定义类型中定义它

<input type="input"
 [formControl]="formControl"
 [formlyAttributes]="field"
/>

如果它不起作用或您的组件为模糊事件使用不同的输出名称，您必须声明它：

<input type="input"
 (blur)="to.blur ? this.to.blur(this.field,$event): ''"
/>