typescript - 每次在 Angular 2 中选择一个新选项时如何触发一个函数?

标签 typescript angular

我正在使用 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 直接绑定(bind)到 DOM 事件,你可以只监听 change 事件:

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

然后在你的组件中:

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

关于typescript - 每次在 Angular 2 中选择一个新选项时如何触发一个函数?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33696559/

相关文章:

angular - Md-chip-list 不是已知元素

asp.net - "The requested resource does not support http method ' 发布'

javascript - 如何返回列表中同一对象的计数?

node.js - Node 将 url 和查询字符串类型导入 TypeScript 应用程序

javascript - 从 TypeScript 对象中删除动态键

angular - 样式动态创建的 Angular 组件

reactjs - 电影 api-app : 中未定义的 typescript 错误 "Cannot read property ' 数据'

angular - 如何验证和显示错误消息 - Angular 2 Material Design?

javascript - html存储safari隐身模式,angular2

node.js - 如何在 firebase 上使用已部署的应用程序和已部署的函数存储数据