angular select
用法1:数组
// 循环数组 $scope.books = [ {"id": 1, "name": "Chinese", "number": "2"}, {"id": 2, "name": "English", "number": "2"}, {"id": 3, "name": "French", "number": "1"} ] // html <select ng-model="ss" ng-options = "book.id as book.name for book in books"> <option value="">--请选择--</option> </select>
用法2:对象
// 循环对象 $scope.books = {"Chinese": 2, "English": 2, "French": 1}; // html <select ng-model="ss" ng-options = "value for (value, key) in books"> <option value="">--请选择--</option> </select>
**用法3:**optgroup分组
// 循环对象 $scope.books = {"Chinese": 2, "English": 2, "French": 1}; // html <select ng-model="ss" ng-options = "value group by key for (value, key) in books"> <option value="">--请选择--</option> </select> <select ng-model="ss" ng-options = "book.id as book.name group by book.number for book in books"> <option value="">--请选择--</option> </select>
注:ng-options与ng-model一起使用,否则会报错
文章来源: angular select 用法