Question

我试图取消选中所选的复选框。我有一个带复选框的项目列表，所以当我点击复选框时，该项目将被推送到数组，我将在另一个div中显示它。然后该div有一个删除按钮，所以当我删除该特定项目。该项目应该被删除，并且还将取消选中已检查的项目。我希望你明白我的意思。我很擅长英语。这是我的代码。

the first div
          <tr *ngFor = "let item of rows">
              <td style ="text-align: center"><md-checkbox 
                 (change)="onChange(item, $event.checked)" [value] = "item" name = "checklist"></md-checkbox></td>
              <td> {{ item.disclosureNumber }}</td>
              <td> {{ item.title }}</td>
              <td><button md-icon-button (click)="openModal(item)"><i class="material-icons">find_in_page</i></button></td>
          </tr>

然后这是(change)事件，它将推送和删除数组

上的项目

onChange(gridData: Array<any>, isChecked: boolean) {

    if(isChecked) {
      //push item if true
      this.FormArray.push(gridData);

    } else {
      //remove item if false
      let index = this.FormArray.indexOf(gridData);
      console.log(index);
      this.FormArray.splice(index, 1);
    }

然后在另一个div上显示所有FormArray数据

<tr *ngFor = "let item of FormArray">
         <td> {{ item.disclosureNumber }}</td>
         <td> {{ item.title }}</td>
         <td><button md-icon-button (click) = "removeItem(item)"><i class="material-icons">delete</i></button></td>
         </tr>

如果点击删除按钮，它会移除到FormArray

，效果很好

removeItem(item): void {

let pointer = this.FormArray.indexOf(item);
if (pointer > -1) {
  this.FormArray.splice(pointer, 1);
}

问题是，即使我从该FormArray中删除该项目，仍然会选中/选中之前选择的复选框。我怎样强行取消选中该复选框。请帮帮我谢谢。 PS新手。

Answer 1

尝试：

<md-checkbox 
    name="checklist"
    [checked]="FormArray.indexOf(item) !== -1"
    [value]="item"
    (change)="onChange(item, $event.checked)">
</md-checkbox>

如何取消选中选定的复选框，Angular 2

1 个答案: