如何根據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; 
  });
}