如何在 PrimeNG 自动完成文本框的“onBlur”事件上将值传递给我的组件？

Question

我正在使用 PrimeNG autocomplete 文本框。如何在 onBlur 事件上向我的组件发送值？

模板

<p-autoComplete (ngModelChange)="orguser.userid = $target.value" 
class="ui-autocomplete autocomplete" [suggestions]="results" 
(completeMethod)="search($event)" (onSelect)="onSelect($event)" 
(onBlur)="onBlur($event)" field="userid"></p-autoComplete>

组件

onBlur(value) {    
    console.log(value); // I have tried a number of things like value.target etc    
  }

(onBlur)="onBlur(orguser.userid )"也不行

Answer 1

使用 (onBlur)="onBlur($event)" 试试这个：

onBlur(event) {
  console.log(event.target.value);
}

你应该得到你用键盘输入的内容。

并与

onSelect(value) {
  console.log(value);
}

您将拥有所选项目的价值。

见StackBlitz

如何在 PrimeNG 自动完成文本框的“onBlur”事件上将值传递给我的组件？

How can I pass value to my component on `onBlur` event of PrimeNG autocomplete textbox?

primeng

angular

angular4-forms

angular5