下拉菜单没有填充(角度)

时间:2014-08-13 19:05:18

标签: javascript html angularjs drop-down-menu

我试图制作一个菜单,我可以在其中更改" cell"一个人的财产。单元格定义为:

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)。该行将传递给实例模式实例,在该实例中进行更改。我不确定这与下拉有多大关系;棱角分明,我是个新人。

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

3 个答案:

答案 0 :(得分: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>

答案 1 :(得分:1)

一个问题是你在ng-options中。您的显示值将是列表中的对象,而不是您想要的对象属性。

尝试:

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

还要确保Cell位于$ scope。

答案 2 :(得分:1)

下面的代码可以帮助您<div><select ng-model="returnedPeople" ng-options="cell as cell.name for cell in Cells" ng-change="ui.addToPeopleList(returnedPeople)"></select></div>。我认为ng-model is not setting the value to ui.returnedPeopleList[row.rowIndex]