2014-01-16 44 views
0

我目前有一個問題,選擇與angularjs無法正常工作的下拉菜單。找不到與我的問題相關的任何內容。這似乎很奇怪。角度下拉選擇ng模式不綁定

我是一個新手到angularjs所以請原諒我的無知

我目前正在改造angularjs到我MVC5應用。

這裏是問題;

  1. $scope.selected = $scope.options[0]聲明它被分配,但是如果選擇列表不承認模型的對象,並創建一個新的選擇

  2. 一旦你改變在下拉列表中選擇的選項,選擇範圍內的對象現在是空的?

Here是代碼

回答

0

的理解表達不正確。它看起來像你想整個的選擇,因爲選擇的值,因此使用這樣的:

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

你應該改變你的

<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等於對象的代碼屬性,而不是對象本身。

0
<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」。