Question

在我的角度代码中，我正在使用表格内的HTML复选框，该表格显示用户可以单击并检查的元素行。我正在进行api调用以获取默认的选中元素。如何根据json（reasonId）设置默认情况下要检查的某些元素。

这是我的HTML和JSON：

<tr *ngFor="let data of reasonsRatingDowngrade; let i = index">
    <td class="border-left border-right w-3">
        <div class="custom-control custom-checkbox col-2 d-flex align-items-center justify-center">
                    <input class="custom-control-input" type="checkbox" (click)="checkConditions($event, data)" id="select_{{i}}">
                <label class="custom-control-label" for="select_{{i}}"></label>
       </div>
    </td>
<td class="truncate-text ref-number-truncate line-height23">{{data.reason}}</td>

JSON： [{ “ id”：6 “ assignmentId”：241663， “ companyCode”：null， “ reasonId”：56 “ sortOrder”：3 }，{ “ id”：7 “ assignmentId”：241663， “ companyCode”：null， “ reasonId”：57， “ sortOrder”：1 }]

JS：

checkConditions(event, data: any) {
if (event.target.checked) {
  this.selectedRows.push(data);
} else {
  this.selectedRows = this.selectedRows.filter(x => x.ratingLetterDetailsId != data.ratingLetterDetailsId);
}

}

Answer 1

默认情况下，您可以通过设置选中属性（布尔值）来检查输入。

例如。

 <input class="custom-control-input" 
        type="checkbox" 
        (click)="checkConditions($event, data)" 
        id="select_{{i}}"
        [checked]="data.reason === 'qualifyingReason'">

根据json值将复选框设置为选中

1 个答案: