上代碼:
<!DOCTYPE html> <html ng-app="app"> <head> <meta charset="UTF-8"> <title></title> <script src="lib/angular.js"></script> <script> var app = angular.module('app', []); app.controller('selectController', function ($scope) { $scope.mycity = '上海'; $scope.Cities = [{ id: 1, name: '北京', group: '中國' }, { id: 2, name: '上海', group: '中國' }, { id: 3, name: '廣州',group:'中國' }]; }); </script> </head> <body> <div ng-controller="selectController">`mycity` <select ng-model="mycity" ng-options="v.name as v.name for v in Cities"> </select> </div> </body> </html>
"v.name as v.name for v in Cities"這段代碼最重要,
Cities是數據來源,
v是Cities中的子數據,
第二個v.name將會展示在option中,
第一個v.name將會把值和ng-model="mycity"進行同步。