基于对象选中 CheckBoxList 中的复选框属性

Question

我需要在复选框列表中选中一个复选框。此代码正在创建复选框：

<div *ngFor="let course of user?.CurrentClasses">
    <input type="checkbox" [(ngModel)]="course.ClassId" [ngModelOptions]="{standalone: true}" (change)="onCheckboxChange($event)" />
    {{ course.CourseCode }}-{{ course.TermCode }}-{{ course.CourseSection }}
</div>

我不确定我是否应该使用 ngModel 和 ngModelOptions。我只是不确定如何实施。基本上，在打字稿中我有一个 classId 值。在模板中，user.CurrentClasses 数组中的其中一门课程 (course.ClassId 属性) 将等于 compoment/ts 文件中可用的 classId 值。我需要选中匹配的复选框。我只是不确定如何完成此操作。 CurrentClasses 数组中的课程没有属性指示是否应检查它。需要根据classId值匹配来检查

Answer 1

ngModel 用于 link 值的输入，这对于复选框来说不是必需的，除非您要存储状态。

要简单地选中具有相应 classId 的复选框，您需要将 [checked]="conditon" 添加到元素中，即：

<input type="checkbox" [checked]="course.ClassId == classId"

基于对象选中 CheckBoxList 中的复选框属性

Check checkbox in CheckBoxList based on an object property

checkboxlist

ngmodel

angular

基于对象选中 CheckBoxList 中的复选框 属性

Check checkbox in CheckBoxList based on an object property

checkboxlist

ngmodel

angular

基于对象选中 CheckBoxList 中的复选框属性