角度下拉選擇的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”的操作。