Checkbox 角度6复选框不';基于ngt模型的状态转换
在一个数组中,假设我有五个咒语,用户最多只能选择三个。这是我的实现Checkbox 角度6复选框不';基于ngt模型的状态转换,checkbox,input,angular6,Checkbox,Input,Angular6,在一个数组中,假设我有五个咒语,用户最多只能选择三个。这是我的实现 <input class='f-z-14' type="checkbox" [(ngModel)]='mantrasSelected[i]' [checked]='mantrasSelected[i] === true' (change)='mantraChecked(i, mantrasSelected[i], mantra)'> 在我的生活中 mantraChecked(i, event, mantra)
<input class='f-z-14' type="checkbox" [(ngModel)]='mantrasSelected[i]' [checked]='mantrasSelected[i] === true' (change)='mantraChecked(i, mantrasSelected[i], mantra)'>
在我的生活中
mantraChecked(i, event, mantra) {
if (event) {
if (this.selectedCount < 3) {
this.selectedCount += 1;
this.mantrasSelected[i] = true;
} else {
this.mantrasSelected[i] = false;
}
} else {
if (this.selectedCount > 0 && this.selectedCount <= 3) {
this.selectedCount -= 1;
this.mantrasSelected[i] = false;
}
}
}
mantraChecked(我,事件,咒语){
如果(事件){
如果(此.selectedCount<3){
此参数。selectedCount+=1;
这个.i]=true;
}否则{
this.mantrasSelected[i]=false;
}
}否则{
如果(this.selectedCount>0&&this.selectedCount