AngularJS ng-options 指示
定義と使用方法
ng-options 指示は <options> 埋める lt;select> 要素を使用します。
ng-options 指示を使用して配列を用いて下拉リストを埋めることができます。多くの場合、 ng-repeat 指示を使用すると、ng-repeat指示よりも簡単になりますが、 ng-options 指示を使用すると、より大きな柔軟性が得られます。
例
下拉リストに配列内の項目を使用してオプションを埋める方法について説明します：
<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>
文法
<select ng-options="array expression"></select>
受 <select> 要素サポート。
パラメータ
| パラメータ | 説明 |
|---|---|
| array expression |
select要素に指定された部分を選択する表現。 合法な表現： 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 |
