在Angular 9中,如果选中了<mat-checkbox>
,可以通过以下步骤来迭代对象数组和更新时间:
*ngFor
指令来迭代对象数组。假设对象数组的名称为items
,可以这样写:<mat-checkbox *ngFor="let item of items" [(ngModel)]="item.selected">
{{ item.name }}
</mat-checkbox>
上述代码中,item.selected
是一个布尔值,用于表示该项是否被选中。item.name
是对象数组中每个项的名称,用于显示在复选框旁边。
time
属性,可以这样写:updateTime() {
for (let item of this.items) {
if (item.selected) {
item.time = new Date();
}
}
}
上述代码中,通过遍历对象数组,检查每个项的selected
属性是否为true
,如果是,则更新该项的time
属性为当前时间。
<button (click)="updateTime()">更新时间</button>
上述代码中,当按钮被点击时,将调用updateTime()
方法来更新选中项的时间。
这样,当在Angular 9中选中<mat-checkbox>
时,可以通过迭代对象数组和更新时间的方法来实现相应的功能。
领取专属 10元无门槛券
手把手带您无忧上云