Question

我对angular 6还是陌生的，在这里我尝试使用API响应来选中和取消选中mat-checkbox。

但是我无法正常工作。即使API响应为 false ，它也显示了所有选中的复选框。

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>
<div id="root"/>

此处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; 
  });
}

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

1 个答案: