В моем приложении есть раздел, в котором пользователь может ввести несколько полей ввода, нажать «Создать», и мой контроллер создает объект и помещает его в список, поэтому, если мой пользователь создает два объекта, мой список будет выглядеть следующим образом:
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'}
. Как мне обойти это?