如何根据API响应检查和取消选中mat-checkbox：Angular 6

Question

我是angular 6的新手，在这里，我尝试使用API​​响应来选中和取消选中mat-checkbox。

但是我无法使其工作。即使API响应为false ，它也会将所有复选框都显示为选中状态。

<div class="col-sm-12" *ngFor="let data of summary">
   <mat-checkbox checked="{{data?.BUY_NOW_STATUS}}" class="mat-checkbox-inner-container">Buy now</mat-checkbox>
 </div>

此处BUY_NOW_STATUS将为' true '或' false '。

谁能帮我解决这个问题。

Answer 1

这是我的答案，

在.html中

<div class="col-sm-12" *ngFor="let data of summary">
   <mat-checkbox [checked]="data.BUY_NOW_STATUS" class="mat-checkbox-inner-container">Buy now</mat-checkbox>
 </div>

在summary.model.ts

export interface Summary {
   otherprpoperty : type;
   BUY_NOW_STATUS : bool;
   otherprpoperty : type;
}

在您的.ts中

summary: Summary[] = []

在这里，您应该从API调用中更新摘要。

getSummary(){
  this.summaryService.get().subscribe(summary => {
     this.summary = summary; 
  });
}