primeng p-dropdown未触发更改事件

时间:2018-04-09 20:00:29

标签: primeng primeng-dropdowns

我正在使用primeng 5.2.4而我正在尝试这个:

<p-dropdown [options]="months" [(ngModel)]="selectedMonth"
   (change)="selectMonth()"></p-dropdown>

当页面首次加载时调用selectMonth方法,而不是从下拉列表中的后续选择中调用。如果我将其更改为单击事件,则可以正常工作(但是在单击下拉列表时会出现一个事件,而在选择值时会出现另一个事件)。

关于我可能做错的任何想法?我回滚到4.3.0并看到了相同的行为。

谢谢!

1 个答案:

答案 0 :(得分:9)

primeng下拉列表支持事件onChange,可以查找下拉列表中的任何更改

app.component.html

<p-dropdown [options]="cities2" [(ngModel)]="selectedCity2" optionLabel="name" (onChange)="onChange($event)"></p-dropdown>

app.component.ts

onChange(event) {
    console.log('event :' + event);
    console.log(event.value);
}

这应该有帮助