角度下拉选择的ng模型不绑定

Question

我目前在选择下拉菜单时遇到问题，这些下拉菜单无法与angularjs一起正常使用。 找不到与我的问题有关的任何内容。 好像很奇怪

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

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

这里是问题；

1. 声明$scope.selected = $scope.options[0] ，将对其进行分配，但就像选择列表无法识别模型对象并创建新选项一样

2. 更改下拉菜单中的选定选项后，选定范围内的对象现在为空？

这是代码

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”的操作。