<!DOCTYPE html> <html ng-app="myApp"> <head> <meta charset="utf-8" /> <title></title> </head> <body> <div ng-controller="CityController"> <select ng-model="city" value="city.id" ng-options="city.name for city in cities" > <option value="">Choose City</option> </select> <span ng-bind-template="Best City:{{city.name}},id:>>{{city.id}}"> </span> </div> </body> <script type="text/javascript" src="js/angularJs-1.2.16-min.js" ></script> <script type="text/javascript"> angular.module("myApp",[]) .controller("CityController",function($scope){ $scope.cities=[ {name:"合肥",id:2}, {name:"北京",id:3}, {name:"上海",id:4}, {name:"舒城",id:5}, {name:"紐約",id:6}, {name:"絡上幾",id:7} ]; for(var i in $scope.cities){ if($scope.cities[i].id==4){//將d是4的城市設為選中項. $scope.city=$scope.cities[i]; break; } } }); </script> </html>
注意:
1.這里的的value不是我們給的值.而是循環的索引.
2.ng-model綁定我們的選中項.
3.默認選中項要在controler中指定,並且要和ng-model關聯.