如何绑定angular4中的复选框值

Question

请您分享一下代码如何绑定angular中的复选框值？一旦我绑定复选框值，它只显示true或false。如何绑定angular4中的值？

Answer 1

试试这段代码。

模板（.html）中的

<input type="checkbox" [value]="item.Id" (change)="changerRoles($event)">  
 //you can bind a value using [value]

在component.ts

中

changerRoles(event) {

console.log(event.target.checked)  // from event.target.checked you can get weather checkbox is checked or not
console.log(event.target.value)  // from event.target.value you can get the binded value

}