completeMethod 事件不会在 primeNG Autocomplete 中触发

Question

我正在尝试在我的应用程序中使用自动完成组件。 HTML 中的自动完成看起来像这样：

<p-autoComplete [(ngModel)]="student" name="basic"
  [suggestions]="filteredStudents"
  (completeMethod)="filterStudents($event)"
  field="name" [size]="30"
  placeholder="Select student" [minLength]="0">
</p-autoComplete>

如果您注意到我已将 "minLength" 指定为 0。这样做的需要是在我专注于自动完成输入字段（当然未过滤）时尝试加载建议。但不幸的是，这不会发生。有趣的是，当我输入一些字符并将它们清除时，建议会按预期出现。我在这里可能做错了什么？

请注意，我也尝试使用 "onFocus" 事件，但也没有用。

TIA

Answer 1

可以使用 handleDropdownClick() 作为解决方法。

<p-autoComplete #ac [(ngModel)]="student" name="basic"
 [suggestions]="filteredStudents"
 (onFocus)="triggerOverlayPanel(ac)"
 (completeMethod)="filterStudents($event)"
 field="name" [size]="30"
 placeholder="Select student" [minLength]="0">
</p-autoComplete>

ts 文件。

AutoComplete ref 触发器 handleDropdownClick() 就像用户单击下拉菜单并作为参数添加自己一样。

 triggerOverlayPanel(ac: AutoComplete){
  // condition added to check if no chars need to display result 
  if(ac.minLength === 0) {
   ac.handleDropdownClick(ac);
  }
 }

completeMethod 事件不会在 primeNG Autocomplete 中触发

completeMethod event not triggering in primeNG Autocomplete on focus

events

primeng

angular-components

angular

angular8