在Angular 7中,可以通过以下步骤将复选框选择限制为3个:
<div *ngFor="let option of options">
<input type="checkbox" [(ngModel)]="selectedOptions" [value]="option">
{{ option }}
</div>
selectedOptions: any[] = [];
onCheckboxChange(option: any) {
if (this.selectedOptions.length > 3) {
this.selectedOptions.pop();
}
}
<div *ngFor="let option of options">
<input type="checkbox" [(ngModel)]="selectedOptions" [value]="option" (change)="onCheckboxChange(option)">
{{ option }}
</div>
通过以上步骤,当用户选择超过3个复选框时,最后一个选择将被取消。这样就实现了在Angular 7中将复选框选择限制为3个的功能。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)
代码:
<template>
----------------------------------------------------------------------------------------------------------------------
领取专属 10元无门槛券
手把手带您无忧上云