AngularJS ng-options ohje
Määrittely ja käyttö
ng-options ohjeella määritellään ja käytetään <options> täyttää lt;select> elementtiä.
ng-options ohjeen avulla voit täyttää pudotuslistan taulukolla. Monissa tapauksissa käytetään ng-repeat ohjeen avulla on helpompi, mutta käytä ng-options ohjeet antavat sinulle suuremman joustavuuden.
Esimerkki
Lisää valintalistaan taulukon kohteita:
<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>
Syntaksi
<select ng-options="array expression"></select>
Saa <select> Elementin tuki.
Parametrit
| Parametrit | Kuvaus |
|---|---|
| array expression |
Ilmentymä, joka valitsee tietyn osan taulukosta täyttääkseen select-elementin. Lailliset ilmentymät: 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 |
