检查和取消选中MD-复选框使用id从角2（或4）代码

Question

<md-checkbox [align]="end" *ngFor="issueConfid in issueConfidences" (change)=onIssueConfidenceFilterChange(issueConfid)" id="favoriteCheck1.name"> 

{{issueConfid.name}} 

</md-checkbox> 

我想从我的角度2代码取消选中（或检查）在上述MD-复选框 例如：angular.getElementById（'× “）.uncheck（）; 如果有任何问题请告诉我正确的方法

Answer 1

您可以将checked属性添加到模板，然后从组件内部更改其值。

模板

<md-checkbox [checked]="checkBoxChecked" [align]="end" *ngFor="issueConfid in issueConfidences" (change)=onIssueConfidenceFilterChange(issueConfid)" id="favoriteCheck1.name"> 

{{issueConfid.name}} 

</md-checkbox> 

组件

checkBoxChecked = false; // or true based on the need 

checkCheckBoxProgrammatically(check: boolean) { 
this.checkBoxChecked = check ? true : false; 
} 

编辑

如果没有工作，你可以使用ngModel指令并为其分配`boolean'变量。

<md-checkbox [(ngModel)]="checkBoxChecked" [align]="end" *ngFor="issueConfid in issueConfidences" (change)=onIssueConfidenceFilterChange(issueConfid)" id="favoriteCheck1.name"> 

{{issueConfid.name}} 

</md-checkbox> 

值可以动态使用checkCheckBoxProgrammatically(true/false)方法，其进而设置checkBoxChecked属性来设置。

EDIT_2

<md-checkbox [(ngModel)]="issueConfid.checkBoxChecked" [align]="end" *ngFor="issueConfid in issueConfidences; let i = index" (change)=onIssueConfidenceFilterChange(issueConfid)" id="favoriteCheck1.name"> 

{{issueConfid.name}} <div (click)="reset(i)">Reset</div> 

</md-checkbox> 
<div (click)="resetAll()">Reset All</div> 

有你issueConfidences列表修改，以对其中的所有元素checkBoxChecked财产，

this.issueConfidences = [ {..., checkBoxChecked: true}, ... ,{..., checkBoxChecked: false} ]; 
reset(index: number) { 
this.issueConfidences[index].checkBoxChecked = false; 
} 
resetAll() { 
this.issueConfidences.forEach((issueConfid) => { issueConfid.checkBoxChecked = false; }); 
} 

这是否对你的工作？