typescript – 每当我在Angular 2中选择一个新选项时如何触发一

发布时间：2020-12-17 07:09:24 所属栏目：安全来源：网络整理

导读：我正在使用Angular 2(TypeScript). 每当我选择一个新选项时,你如何触发一个函数,比如onChange()？当我在网上搜索时,我发现的只是关于Angular 1中ng-change的信息.(https://docs.angularjs.org/api/ng/directive/ngChange) select [(ng-model)]="selectedDev

我正在使用Angular 2(TypeScript).

每当我选择一个新选项时,你如何触发一个函数,比如onChange()？

当我在网上搜索时,我发现的只是关于Angular 1中ng-change的信息.(https://docs.angularjs.org/api/ng/directive/ngChange)

<select [(ng-model)]="selectedDevices">
    <option *ng-for="#i of devices">{{i}}</option>
</select>

谢谢

解决方法

由于angular2直接绑定到DOM事件,您可以只听取更改事件：

<select [(ng-model)]="selectedDevices" (change)="changeHandler($event)">

然后在你的组件中：

public changeHandler($event) {
   // do something here
 }

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!