【问题标题】:primeng p-dropdown not firing change eventprimeng p-dropdown 不触发更改事件
【发布时间】:2018-09-19 07:32:45
【问题描述】:

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

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

当页面首次加载时调用 selectMonth 方法,但不会在下拉列表中的后续选择时调用。 If I change this to a click event it works (but I get one event when the dropdown is clicked and another when the value is chosen).

关于我可能做错了什么有什么想法吗?我回滚到 4.3.0 并看到相同的行为。

谢谢!

【问题讨论】:

    标签: primeng primeng-dropdowns


    【解决方案1】:

    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);
    }
    

    这应该会有所帮助

    【讨论】:

    • 我觉得有点傻,但有时你看不到森林的树木:)
    • 我们倾向于使用 dom 事件,因为我们非常沉迷于 DOM :)
    • 谢谢。为什么 (change)="xxx()" 不起作用,但只有 (onChange) 起作用。万一,点击只是 (click)="xxx()" 作品 (onClick) 是不需要的。相当不一致:-(
    • Onchange 是一个 p-dropdown 事件,由它在下拉列表中发生更改时触发,我们对此感兴趣。 Change 是一个 DOM 事件,它不是由组件触发的,这就是混乱所在。
    • p-dropdwon docs primefaces.org/primeng/#/dropdown 事件列表在页面末尾
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-08-28
    • 2021-06-14
    • 2018-09-15
    • 1970-01-01
    • 2019-11-11
    • 1970-01-01
    相关资源
    最近更新 更多