Question

使用Angular 5，我创建了一个页面，用户可以使用复选框进行选择。检查项目时，我将selecteddocs添加到数组<table> <tr> <th></th> <th>Document Group</th> <th>Title</th> <th>Description</th> </tr> <tr *ngFor="let doc of docs"> <td><input type="checkbox" (click)="select(doc.ID)"></td> <td>{{doc.DocumentGroup}}</td> <td>{{doc.Title}}</td> <td>{{doc.Description}}</td> </tr> </table>。取消选中它们后，我想从数组中删除该项。如果检测到复选框未被选中，如何触发删除项目的功能？

这是HTML：

  selectedqr;
  selecteddocs = [];

  select(ID){
    this.selectedqr = ID;
    console.log(this.selectedqr);
    this.selecteddocs.push(ID);
    console.log(this.selecteddocs);
  }

//On Uncheck: var index = selecteddocs.indexOf(ID);
              selecteddocs.splice(index, 1);

这是TS：

if FAggregatesActive then
begin
    FAggFieldsInit := False;
    ResetAllAggs(FAggregatesActive);

Answer 1

只需传递更改事件复选框的值。

<td><input type="checkbox" [(ngModel)]="doc.selected" (change)="select(doc.ID, doc.selected)"></td>

然后根据doc.selected提供的内容运行相应的函数。

复选框 - 选中时触发一个功能，未选中时触发另一个功能

1 个答案: