angular 2从复选框中检索值

时间:2017-10-25 15:55:06

标签: angular2-forms

我有两个复选框,当选择用户时它们会填充,但我现在需要检查值并返回它们,然后将它们保存回数据库以防它们被更改,下面是我的工作代码的plunker如果从下拉列表中选择一个商人,则会填充票据框。

如果有人可以建议我如何检查那些很棒的复选框值,这就是我尝试过的但是我错过了一些东西:

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

Plunker demo

1 个答案:

答案 0 :(得分:1)

要查找复选框值是否更改,您可以使用(更改)属性。

<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) */
}

然后您可以使用此新值更新数组或其他任何内容。