Question

我目前在选择与angularjs无法正常工作的下拉菜单时遇到问题。找不到与我的问题有关的任何内容。这看起来很奇怪。

我是angularjs的新手，所以请原谅我的无知

我目前正在尝试将angularjs改装到我的MVC5应用程序中。

以下是问题;

当声明$scope.selected = $scope.options[0]时，会分配它，但好像选择列表无法识别模型的对象并创建新选项
在下拉列表中更改所选选项后，选择范围内的对象现在为空？

Here是代码

Answer 1

理解表达式不正确。看起来您希望将整个选项作为选定值，因此请使用：

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

Answer 2

你应该改变你的

<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等于对象的code属性，而不是对象本身。

Answer 3

<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”。

角度下拉选择ng-model不绑定

3 个答案: