angular - 如何调用一个函数来检查 Angular 2.0 中的复选框

标签 angular typescript

我目前使用的是 angular 2.0。在HTML中,我有一个复选框,代码如下。

<div style="margin-left:15px;">
            <label>Draw</label>
            <input id="isCheckBox" type="checkbox" checked="checked">
</div>

如何仅在 typescript 文件中选中复选框时调用函数?

最佳答案

你可以这样做,

<input type="checkbox"  id="isCheckBox" (change)="yourfunc($event)"/>

在 typescript 中,

yourfunc(e) {
   if(e.target.checked){        
   }
}

关于angular - 如何调用一个函数来检查 Angular 2.0 中的复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42678927/

相关文章:

android - 添加渐进式网络应用商店/应用商店

javascript - 如何更改 ngx-daterangepicker-material 下拉日历的样式

typescript - TypeScript 中的简单扩展方法

typescript - takeUntil 带过滤器

angular - angular2 html的布局

Angular 6 库作为 npm 包的替代品

angular - 以编程方式使用 AsyncPipe - Angular 2

angular - 仅在运行 npm start (ng serve) 'SyntaxError: missing ) after argument list' windows 时出错

angular - 如何使用 ngFor 连续迭代两个元素?

javascript - Angular - 在 Http 请求中包含模型 getter 和 setter