javascript - 下拉菜单未填充(有 Angular )

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)。该行被传递到实例模态实例，在该实例中进行更改。我不确定其中有多少与下拉菜单相关；我对 Angular 很陌生。

下拉菜单是空的，我不知道出了什么问题。提前致谢。

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>