我目前有一個問題,選擇與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」。