<!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关联.