html – 如何取消选中angular2中的复选框

概述我在 HTML文件中有代码如下所示 <tr *ngFor="#tradeSource of tradeSources"> <td> <label> <input type="checkbox" ngControl="tradeSource" [(ngModel)]="tradeSource['checked']"/> </lab 我在 HTML文件中有代码如下所示

<tr *ngFor="#TradeSource of TradeSources">     <td>         <label>         <input type="checkBox" ngControl="TradeSource"    [(ngModel)]="TradeSource['checked']"/>         </label>     </td>                <td>{{TradeSource.blah}}</td>     <td>{{TradeSource.blah}}</td>     <td>{{TradeSource.blah}}</td></tr>

用户可以选中复选框,然后单击将运行某些代码的“处理”按钮,在此代码运行后,我想取消选中此复选框.我试过像代码一样

this.TradeSources[i]['checked'] = false

但这不起作用

解决方法 您应该尝试的代码是：

this.TradeSources[i]['checked'] = false

编辑

我认为您的问题是因为每个复选框控件都有相同的名称：

<input type="checkBox" ngControl="TradeSource"         [(ngModel)]="TradeSource.checked"/>

如果删除ngControl属性,它的工作原理如下：

<input type="checkBox" [(ngModel)]="TradeSource.checked"/>

看到这个plunkr：https://plnkr.co/edit/FdPHpOTSySkg2gLWjo7a?p=preview.

如果你真的想要一个ngControl,你可以这样定义它：

<tr *ngFor="#TradeSource of TradeSources;#i=index">  <td>    <label>      <input type="checkBox" [ngControl]="'Trade'+i"              [(ngModel)]="TradeSource.checked"/>    </label>  </td>             (...)</tr>

总结

以上是内存溢出为你收集整理的html – 如何取消选中angular2中的复选框全部内容，希望文章能够帮你解决html – 如何取消选中angular2中的复选框所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。