【AngularJS】Angularjs設定ng-repeat裡面迴圈出來的select的預設值
阿新 • • 發佈:2019-02-17
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="angular.min.js"></script> </head> <body ng-app="myApp"> <div > <ul ng-controller="select"> <li ng-repeat="list in colors"> <select ng-model="checkeds[ $index ]" ng-change="haha(checkeds[ $index ])" ng-options="q.value for q in list.values"></select> </li> </ul> </div> <script type="text/javascript"> app=angular.module('myApp',[]) app.controller('select', function($scope){ $scope.checkeds = []; var a =[{id:1,value:1},{id:2,value:2},{id:3,value:3},{id:4,value:4}]; console.info(a); $scope.colors = [ { values : a}, ]; console.info($scope.colors) for ( var i = 0; i < $scope.colors.length; i++ ) { for ( var j = 0; j < $scope.colors[i].values.length; j++ ) { if ( 4 === $scope.colors[i].values[j].value ) { $scope.checkeds.push( $scope.colors[i].values[j] ); break; } } } $scope.haha = function(w){ console.info(w); } }) </script> </body> </html> demo是參考http://angularjs.cn/A0Fq