ng-zorro-antd - 自动完成 - 所选选项的回调

Question

选择选项后是否可以触发回调？我想要的是当用户通过单击或输入选择选项时触发回调

标签： ng-zorro-antd

Answer 1

要在选项选择后触发回调，请在 nz-auto-option 上调用 selectionChange，这将传递事件，并选择选项

 <nz-autocomplete #auto  [nzBackfill]="true" >
   <nz-auto-option *ngFor="let option of pastSearchOptions" (selectionChange)="fieldSelected($event, option)" [nzValue]="option">{{ option }}</nz-auto-option>
 </nz-autocomplete>

通过单击或输入进行选择时，事件将为真，而导航则为假

  fieldSelected(event: any, name: any) {
    if (event.isUserInput) {
      //do something
      console.log("Option got selected "+ name);
    }
  }