Dans AngularJS, la directive ng-options vous permet de générer dynamiquement
Pour générer des options à partir d'un tableau, utilisez la syntaxe suivante :
<select ng-model="selectedValue" ng-options="item.value as item.label for item in items">
où :
Considérez l'AngularJS suivant contrôleur :
$scope.items = [
{id: '000001', title: 'Chicago'},
{id: '000002', title: 'New York'},
{id: '000003', title: 'Washington'}
];Pour afficher ces données sous forme de
<select ng-model="selectedItem" ng-options="item.id as item.title for item in items">
Pour sélectionner une option spécifique par défaut, utilisez la directive ng-init :
<select ng-model="selectedItem" ng-init="selectedItem = items[1]" ng-options="item.id as item.title for item in items">
En ajoutant une
<select ng-model="selectedItem">
<option value="">Select One</option>
<option ng-repeat="item in items" ng-value="item.id">{{item.title}}</option>
</select>Pour masquer l'option personnalisée par défaut une fois une sélection effectuée, utilisez ng- cacher :
<select ng-model="selectedItem">
<option value="" ng-hide="selectedItem">Select One</option>
<option ng-repeat="item in items" ng-value="item.id">{{item.title}}</option>
</select>Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
compression audio
Plateforme nationale de monnaie numérique
niveau d'isolement des transactions MySQL
Quelles sont les bibliothèques tierces couramment utilisées en PHP ?
Le rôle du Serverlet en Java
Algorithme du complément négatif
Comment résoudre le problème selon lequel le code js ne peut pas s'exécuter après le formatage
Qu'est-ce qui vaut le plus la peine d'être appris, le langage C ou Python ?
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
