angular 2 从复选框中检索值

Question

我有两个复选框，它们会在用户被 selected 时填充，但我现在需要检查这些值并 return 它们，然后再将它们保存回数据库，以防它们有已更改，如果您 select 商人从下拉菜单中填充了票箱，下面是我的工作代码。

如果有人可以建议我如何检查勾选框的值，那就太好了，这就是我尝试过的方法，但我遗漏了一些东西：

<input type="input" name="adminis" id="adminis" class="form-control" [(ngModel)]="tradesman.user_roles"/>

Plunker demo

Answer 1

要查看复选框值是否已更改，您可以使用 (change) 属性。

<input type="checkbox" [checked]="tradesman?.user_roles?.includes('Administrator') ? true : false" value="Administrator" (change)="valueChanged($event)"/>Admin
<input type="checkbox" [checked]="tradesman?.user_roles?.includes('General User') ? true : false" value="General User" (change)="valueChanged($event)" />General

在您的组件中，您可以使用传递的事件来管理数据。

valueChanged(e:any){
  /* e.target.name - for getting the changed field name */
  /* e.target.checked - for getting the value - true(checked)/false(unchecked) */
}

然后你可以用这个新值更新你的数组或任何东西。

angular 2 从复选框中检索值

angular 2 Retrieving values from check boxes

angular2-forms