如何使用Angular的选定列表更新所选复选框?

时间:2018-03-06 19:48:47

标签: angular angular-material

我是Angular的新手。我正在使用Angular Material Checkbox。我有两个不同的列表,一个用于一组复选框项目,另一个用于选定的复选框项目。当用户切换选项卡时,我想保留所选复选框的状态。但我无法恢复。请帮帮我

这是我的HTML代码

<div *ngFor =" let alchoholwarningsign of alchoholwarningsigns">
    <mat-checkbox  checked="{{ existAlchoholSign(alchoholwarningsign) }}" 
    (click)="toggle(alchoholwarningsign, selectedalchoholwarningsigns)" 
   value="{{alchoholwarningsign}}">{{ alchoholwarningsign }}</mat-checkbox>                 
</div>

这是我的TypeScript代码:

existAlchoholSign(alchohol){
  var idx = this.selectedalchoholwarningsigns.indexOf(alchohol);
  return idx > -1;
}

0 个答案:

没有答案