取消选中某个按钮的复选框Angular2

问题描述：

我正在开发一个使用Angular2的项目。我有一个名为品牌的列表，其中包含其他名为说明的列表。取消选中某个按钮的复选框Angular2

这个名单将创建复选框：

<div *ngFor="let brand of brands"> 
    {{ brand.category }} 
    <div*ngFor="let description of brand.descriptions" > 
     <input type="checkbox" name="checkbox" />{{ description.value }} 
    </div> 
</div>

，我有两个文本框：

<input name="brand" /> 
<input name="description" /> 
<button>uncheck</button>

按钮事件将取消只与品牌，并在输入中提到的描述的复选框而无需更改或重建列表，因为我需要保持复选框的状态正确。

有什么想法吗？

答

我找到了一个解决方案，我只需要给复选框的ID，然后在我将改变打字稿称之为：

<div *ngFor="let brand of brands"> 
     {{ brand.category }} 
     <div*ngFor="let description of brand.descriptions" > 
      <input type="checkbox" name="checkbox" 
      [id]="brand.category.replace(' ', '') + description.value.replace(' ','')"/> 
      {{ description.value }} 
     </div> 
    </div>

，然后从打字稿：

onclick(category, description) { 
    const element = <HTMLInputElement> document.getElementById(category.replace(' ', '') + description.replace(' ', '')); 
    element.checked = false; 
}

答

要进行双向数据绑定，您需要将值分配给您的模型。

<input [(ngModel)]="checkboxFlag" type="checkbox"/>

This answers your question

答

你需要的地方保持它的价值，像场isChecked添加到description对象，然后将其绑定像加布里埃尔说。

<input [(ngModel)]="description.isChecked" type="checkbox"/>

取消选中某个按钮的复选框Angular2

相关推荐