如何在检查角度2.0中的复选框时调用函数

时间:2017-03-08 18:18:50

标签: angular typescript

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

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

如果在打字稿文件中选中了复选框,如何调用函数?

2 个答案:

答案 0 :(得分:12)

你可以这样做,

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

和打字稿,

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

答案 1 :(得分:0)

如果目标不起作用,您可以使用 currentTarget,

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

在打字稿中,

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