使用angular 2上的typescript读取提交的复选框值

Question

在我的用户详细信息更新页面中。我从服务器获取用户角色，并使用以下代码行在表单复选框控件上获取。

<div id="user_role" class="checkbox" *ngFor="let role of roles">
  <div class="col-sm-4">
    <label>
      <input type="checkbox"
             value="{{role.id}}"
             [checked]="user_roles_ids.indexOf(role.id) !== -1"
             (change)="getCheckBoxValue($event.target.getAttribute('value'),
             $event.target.checked)"
             >{{ role.role_name }}
    </label>
  </div>
</div>

现在我的问题是我如何从按钮点击事件中读取这些值。我已经实现了在用户更改复选框值时读取值。但是，如果用户未触摸角色并更新其他字段，请按提交按钮。我无法读取表单控制器上的已检查值。

Answer 1

看起来你只是将输入元素放入模板中。

您可能希望使用NgForm指令，该指令允许跟踪更改和提交。第二个链接有一个简短的示例，可以帮助您入门，而第一个链接是更全面的指南。

• https://angular.io/docs/ts/latest/guide/forms.html - 关于Angular 2中表格的简短官方指南。
• https://angular.io/docs/ts/latest/api/forms/index/NgForm-directive.html - NgForm的文档。