2014-01-16 50 views
0

我目前有一个问题,选择与angularjs无法正常工作的下拉菜单。找不到与我的问题相关的任何内容。这似乎很奇怪。角度下拉选择ng模式不绑定

我是一个新手到angularjs所以请原谅我的无知

我目前正在改造angularjs到我MVC5应用。

这里是问题;

  1. $scope.selected = $scope.options[0]声明它被分配,但是如果选择列表不承认模型的对象,并创建一个新的选择

  2. 一旦你改变在下拉列表中选择的选项,选择范围内的对象现在是空的?

Here是代码

回答

0

的理解表达不正确。它看起来像你想整个的选择,因为选择的值,因此使用这样的:

ng-options="o.text for o in options" 
0

你应该改变你的

<select ng-model="selected" ng-options="o.code as o.text for o in options"></select> 

<select ng-model="selected" ng-options="o as o.text for o in options"></select> 

使如你预期它的工作。

因为文档说select as label for (key , value) in object但在你的情况下,select等于对象的代码属性,而不是对象本身。

0
<div> 
    <select ng-model="selected" ng-options="o.code as o.text for o in options"></select> 
    <br />Code: {{ selected.code }} 
    <br />Text: {{ selected.text }} 
</div> 

您的ng模型将包含select的值(在本例中为索引[0,1,2,etc])。所以你正在尝试像这样的“1.code”或“2.text”。