Angular <select> 标记多值传递答案

【问题标题】：Angular <select> tag multiple value passingAngular <select> 标记多值传递
【发布时间】：2018-03-04 09:05:25
【问题描述】：

我正在处理我想在我的表单中传递选择输入字段的值的角度表单。我有 2 个选择输入字段，其中一个可以正常工作，如果我使用

<option [value]='user.id'></option>

但另一个不起作用，因为如果我使用，

<option [value]='user'></option>,

其中用户是一个对象。我无法解析用户的特定 id 的值（即 user.user_id

它返回我尝试解析的 [object] [object] 中的一个对象 event.target.value.user.user_id ，但出现未定义的错误。有人可以帮我解决如何解析对象或如何传递多个值是 [value] 字段

【问题讨论】：

【解决方案1】：

您需要对对象使用[ngValue] 而不是[value]。

【讨论】：

【解决方案2】：

<select [(ngModel)]="selectedUsers">
  <option *ngFor="let u of users" [ngValue]="u">{{u.name}}</option>
</select>

【讨论】：