Hướng dẫn ng-options của AngularJS
Định nghĩa và cách sử dụng
ng-options Hướng dẫn sử dụng <options> điền lt;select> thẻ.
ng-options Hướng dẫn sử dụng mảng để điền danh sách rút gọn. Trong nhiều trường hợp, việc sử dụng ng-repeat Hướng dẫn sẽ dễ dàng hơn, nhưng việc sử dụng ng-options Hướng dẫn khi bạn có sự linh hoạt hơn.
Mô hình
Bằng cách sử dụng các mục trong mảng để điền lựa chọn trong danh sách rút gọn:
<div ng-app="myApp" ng-controller="myCtrl">
<select ng-model="selectedName" ng-options="item for item in names"></select>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {}}
$scope.names = ["Emil", "Tobias", "Linus"];
});
</script>
Cú pháp
<select ng-options="array expression"></select>
Bị <select> Hỗ trợ phần tử.
Tham số
| Tham số | Mô tả |
|---|---|
| array expression |
Biểu thức chọn phần cụ thể của mảng để điền vào phần tử select. Biểu thức hợp lệ: label for value in array select as label for value in array label group by group for value in array label disable when disable for value in array label group by group for value in array track by expression label disable when disable for value in array track by expression label for value in array | orderBy expression track by expression |
