角度教程第4步::指定默認值以選擇問題

我正在學習AngularJs教程。在第4步http://docs.angularjs.org/tutorial/step_04而不是硬編碼選擇標記我創建了一個JavaScript對象只是爲了測試。角度教程第4步::指定默認值以選擇問題

這是我加入了JavaScript代碼controller.js

$scope.sortOptions = [{ 
     "optionValue": "name", 
     "desc": "Alphabetical" 
    }, { 
     "optionValue": "age", 
     "desc": "Newest" 
    }];

現在$ scope.orderProp = 「年齡」是行不通的。（它假設爲選擇設置默認值）。我想知道這裏有什麼問題。

來源

2013-01-22 Khuzema

http://jsfiddle.net/Khuzema/m6Z5Z/1/ – Khuzema

使用ng-options屬性上<select>創建<option>條目，如下所示：

<select ng-model="orderProp" 
     ng-options="option.optionValue as option.desc for option in sortOptions">       
</select>

的option.optionValue as option.desc for option in sortOptions對應於：

遍歷sortOptions陣列，並且每個項分配給一個option變量
設置每個<option>的標籤爲option.desc
設置的每個<option>爲option.optionValue

更多信息的價值這個位置：http://docs.angularjs.org/api/ng.directive:select

的jsfiddle：http://jsfiddle.net/bmleite/m6Z5Z/2/

來源

2013-01-22 00:49:12 bmleite

謝謝你bmleite – Khuzema

角度教程第4步::指定默認值以選擇問題

回答

相關問題