ng-options 指令用于使用 <options> 填充 <select> 元素的选项,当select中一个选项被选择,该选项将会被绑定到ng-model。
ng-options 指令使用数组或对象来填充下拉列表,多数情况下与 ng-repeat 指令一起使用。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="angular.min.js"></script>
</head>
<body>
<div ng-app="hd" ng-controller="ctrl">
<select ng-options="v.value as v.name for v in data" ng-model="city">
<option value="">请选择城市</option>
</select>
{{city}}
</div>
<script>
var m = angular.module('hd', []);
m.controller('ctrl', ['$scope', function ($scope) {
$scope.city = 'beijing';
$scope.data = [
{name: '广东', value: 'guangdong'},
{name: '北京', value: 'beijing'},
{name: '南京', value: 'nanjing'},
];
}]);
</script>
</body>
</html>
其中v.value的值被绑定在option的value属性里面,v.name则赋值给了option标签里的内容