在 primeNG 焦点上未触发 completeMethod 事件答案

【问题标题】：completeMethod event not triggering in primeNG Autocomplete on focus在 primeNG 焦点上未触发 completeMethod 事件
【发布时间】：2020-07-07 02:27:01
【问题描述】：

我正在尝试在我的应用程序中使用自动完成组件。 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

【问题讨论】：

标签： angular events angular8 primeng angular-components

【解决方案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 trigger handleDropdownClick() 就像用户点击下拉菜单并作为参数添加自我一样。

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

【讨论】：