例
配列の項目を使用して、ドロップダウンリストのオプションを入力します。
<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>
»それを自分で試してみてください 定義と使用法
ng-optionsディレクティブは<オプション>と<select>要素を埋めます。
ng-optionsディレクティブは、ドロップダウンリストを埋めるために、アレイを使用しています。 多くの場合、使用する方が簡単だろうng-repeat指示をするが、使用しているとき、あなたはより多くの柔軟性を持ってng-optionsディレクティブを。
構文
<select ng-options=" array expression "></select><select>要素でサポートされています。
パラメーター値
| Value | Description |
|---|---|
| array expression | An expression that selects the specified parts of an array to fill the
select element. Legal expressions: label for value in array select as label for value in array label group by group for value in array label disabled when disable for value in array label group by group for value in array track by expression label disabled when disable for value in array track by expression label for value in array | orderBy expression track by expression |