我目前有一个问题,选择与angularjs
无法正常工作的下拉菜单。找不到与我的问题相关的任何内容。这似乎很奇怪。角度下拉选择ng模式不绑定
我是一个新手到angularjs
所以请原谅我的无知
我目前正在改造angularjs
到我MVC5
应用。
这里是问题;
当
$scope.selected = $scope.options[0]
声明它被分配,但是如果选择列表不承认模型的对象,并创建一个新的选择一旦你改变在下拉列表中选择的选项,选择范围内的对象现在是空的?
Here是代码
我目前有一个问题,选择与angularjs
无法正常工作的下拉菜单。找不到与我的问题相关的任何内容。这似乎很奇怪。角度下拉选择ng模式不绑定
我是一个新手到angularjs
所以请原谅我的无知
我目前正在改造angularjs
到我MVC5
应用。
这里是问题;
当$scope.selected = $scope.options[0]
声明它被分配,但是如果选择列表不承认模型的对象,并创建一个新的选择
一旦你改变在下拉列表中选择的选项,选择范围内的对象现在是空的?
Here是代码
的理解表达不正确。它看起来像你想整个的选择,因为选择的值,因此使用这样的:
ng-options="o.text for o in options"
你应该改变你的
<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等于对象的代码属性,而不是对象本身。
<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”。