如何在PrimeNG自动填充文本框的`onBlur`事件中将值传递给我的组件?

时间:2018-04-26 16:31:56

标签: angular angular5 primeng angular4-forms

我正在使用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 )"也不起作用

1 个答案:

答案 0 :(得分:1)

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

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

您应该使用键盘输入内容。

并且

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

您将拥有所选的项目值。

请参阅StackBlitz