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