84669 人學習
152542 人學習
20005 人學習
5487 人學習
7821 人學習
359900 人學習
3350 人學習
180660 人學習
48569 人學習
18603 人學習
40936 人學習
1549 人學習
1183 人學習
32909 人學習
在做省市連動。 option中value是省市編碼 text是名稱,如何才能既確定selected選項,又取得text名稱?
业精于勤,荒于嬉;行成于思,毁于随。
使用ng-options就行啊程式碼載入有些慢。 。等一下可以看到效果:http://codepen.io/flybywind/pen/GZyydY
其實是我的問題,問題的解決根本是ng-model直接綁對象,然後option的value也綁相同的對象,這樣就解決了'選中問題',在後台取id或文本值,直接是對象的id或text。 thanks!
在angularJS的官方文檔上就有,需要自備梯子下面是我用的1.4.7的版本的文檔中的示例
<p ng-controller="ExampleController"> <form name="myForm"> <label for="repeatSelect"> Repeat select: </label> <select name="repeatSelect" id="repeatSelect" ng-model="data.repeatSelect"> <option ng-repeat="option in data.availableOptions" value="{{option.id}}">{{option.name}}</option> </select> </form> <hr> <tt>repeatSelect = {{data.repeatSelect}}</tt><br/> </p>
angular.module('ngrepeatSelect', []) .controller('ExampleController', ['$scope', function($scope) { $scope.data = { repeatSelect: null, availableOptions: [ {id: '1', name: 'Option A'}, {id: '2', name: 'Option B'}, {id: '3', name: 'Option C'} ], }; }]);
結果就是option中顯示的是name部分,model得到的是id,這裡model用的是data.repeatSelect是因為循環是在option上,而導致作用域的不同
使用ng-options就行啊
程式碼載入有些慢。 。等一下可以看到效果:
http://codepen.io/flybywind/pen/GZyydY
模板
雷雷腳本
雷雷其實是我的問題,問題的解決根本是ng-model直接綁對象,然後option的value也綁相同的對象,這樣就解決了'選中問題',在後台取id或文本值,直接是對象的id或text。 thanks!
在angularJS的官方文檔上就有,需要自備梯子
下面是我用的1.4.7的版本的文檔中的示例
結果就是option中顯示的是name部分,model得到的是id,這裡model用的是data.repeatSelect是因為循環是在option上,而導致作用域的不同