角度2-使用列表中的对象填充选择输入,然后推送到新列表

时间:2018-08-27 22:29:18

标签: json angular data-binding angular-forms

我的应用程序有一个部分,用户可以在其中输入一些输入字段,然后单击create,我的控制器创建一个Object并将其推送到列表中,因此,如果我的用户创建了两个对象,则我的列表将如下所示:

var myList = [{
   name : 'name1',
   value : 'value1'
},
{
  name : 'name2',
  value : 'value2'
 }];

现在,在我的应用程序的另一部分中,用户可以从选择框中的列表中进行选择,而我想将这些值推入新对象。因此选择框将如下所示:

<select id="globalSelect" class="form-control" [(ngModel)]="globalSelect" style="width:30%" [ngModelOptions]="{standalone: true}">
   <option default value="">--Select an Option--</option>
   <option *ngFor="let item of myList" value= {{item}}>{{item.name}}</option>
</select>

选择框工作正常,将名称显示为选项,当用户向列表中添加新对象时,它会填充在选择框中。

我的问题在于,当我从该选择框中配置新对象时,我的JSON将globalSelect字段显示为[Object object],而不是{name : 'name1',value : 'value1'}。我该如何解决?

0 个答案:

没有答案