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

Question

模糊事件不会以角度形式触发自定义控件。如何为自定义组件绑定模糊事件？我已经为 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"
        }
      }
    }
  ];
}

Answer 1

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): ''"
/>