角JS選擇結合

我看過這樣的例子很多關於如何做到這一點，但似乎仍不能推測出來。我已經設置了一個非常簡單的角度應用程序與控制器，並試圖填充單個選擇標記。角JS選擇結合

<body data-ng-app="App"> 
<div data-ng-controller="DemoController"> 
    {{var}} 
    <select data-ng-options="v.id as v.name for v in selectVals"> 
     <option value="">Select</option> 
    </select> 
</div> 
</body> 

angular.module('App', []).controller('DemoController', function($scope) { 
     $scope.var = 'a'; 
     $scope.selectVals = [ 
      { name: '1st', id: 1 }, 
      { name: '2nd', id: 2 } 
     ]; 
});

這裏是的jsfiddle：http://jsfiddle.net/Fc5ne/3/ 任何幫助將不勝感激。

我已經看在這些地方，並試圖比較我的代碼，但我還是失去了一些東西：https://docs.angularjs.org/api/ng/directive/select，http://jsfiddle.net/qWzTb/，http://jsfiddle.net/qm7E7/19/，Angular: Binding objects to <select>，......以及一些其他的堆棧溢出的問題。

來源

2014-07-16 peinearydevelopment

這是一個棘手的問題。 ng-model指令也是必需的。請放心，其他許多人（包括我自己）也因此被燒死。

<select data-ng-model="test" data-ng-options="v as v.name for v in selectVals"></select>

http://jsfiddle.net/Fc5ne/4/

來源

2014-07-16 21:52:37

這裏的'select'指令中的[文件]（https://docs.angularjs.org/api/ng/directive/select）。 – thedude

有關設置選項選擇元素，可以使用ng-options指令。對於選定值，可以使用ng-model指令。

的jsfiddle：http://jsfiddle.net/rpaul/j5ewuek5/

來源

2015-01-13 23:48:53

回答

相關問題