我的应用程序有一个部分,用户可以在其中输入一些输入字段,然后单击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'}
。我该如何解决?