primeng自动完成点击时没有onSelect事件

时间:2018-11-28 14:00:39

标签: angular primeng

我希望PrimeNG AutoComplete组件在“键盘选择”时以及在“键盘选择”时都发出(onSelect)事件。但是它仅发出键盘选择。 而“ [dropdown] = false”

该示例非常简单:

<p-autoComplete ... (onSelect)="onSelect()" ...>

...

onSelect(){
    console.log('select', this.suggestions);
  }

使用: “ primeng”:“ ^ 6.1.4”, “ @ angular / cli”:“ ^ 6.2.3”,

我如何捕获自动完成建议的点击选择?

甚至更好: 如何在“ InputField-click”上实现“ DropdownButton-click”行为? 只是为了摆脱下拉按钮,但保持行为不变。

编辑:

类似于这种情况,但是对于Angular方式没有帮助。

Primefaces Autocomplete - How to display dropdown items on click of input

2 个答案:

答案 0 :(得分:1)

我确认这对Angular8 / PrimeNG8(“ primeng”:“ ^ 8.0.0”,“ @ angular / cli”:“ ^ 8.3.25”)有效。无论是使用鼠标还是键盘进行选择:都会触发onSelect。

确保您也通过了活动:

<p-autoComplete ... (onSelect)="onSelect($event)" ...>

...

onSelect(event: any){
    console.log( event );
  }

检查“ frosty”的解决方案/堆栈闪电。可行。

答案 1 :(得分:0)

我能够使它以闪电般的速度工作。 onSelectcompleteMethod一样有效。

https://stackblitz.com/edit/angular-7komnz