Выпадающее меню не заполняется (угловое)

Question

Я пытаюсь создать меню, в котором я могу изменить свойство «ячейки» человека. Клетки определяются как:

Cells: [ 
{ name: 'NE', id: 1 }, 
{ name: 'NW', id: 2 }, 
{ name: 'SE', id: 3 }, 
{ name: 'SW', id: 4 } 
] 

Мой HTML код

<div><select ng-model="ui.returnedPeopleList[row.rowIndex]" ng-options="cell for cell in Cells"></select></div> 

returnedPeopleList массив людей. В принципе, у меня есть сетка людей. Двойной щелчок человека открывает модальный экземпляр, в котором вы можете изменить свои свойства (следовательно, row.rowIndex). Строка передается экземпляру экземпляра экземпляра, в котором сделаны изменения. Я не уверен, насколько это важно для выпадающего списка; Я довольно новичок в угловой.

Выпадающее меню пуста, и я понятия не имею, что случилось. Заранее спасибо.

Answer 1

Вам нужен правильный синтаксис для ng-options

ng-options="cell.id as cell.name for cell in Cells" 

будет производить следующие option элементы:

<option value="1">NE</option> 
<option value="2">NW</option> 
<option value="3">SE</option> 
<option value="4">SW</option> 

Answer 2

Одна проблема заключается в том, что вы в ваших нг-вариантов. Ваше отображаемое значение будет объектом в списке, а не требуемым объектом.

Try:

ng-options="cell as cell.name for cell in Cells" 

Также убедитесь, что клетки на вашем $ объеме.

Answer 3

Ниже приведенный код может вам помочь <div><select ng-model="returnedPeople" ng-options="cell as cell.name for cell in Cells" ng-change="ui.addToPeopleList(returnedPeople)"></select></div> .I думаю, ng-model is not setting the value to ui.returnedPeopleList[row.rowIndex].