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!
Introduction aux logiciels vps gratuits étrangers
Caractères d'échappement JavaScript
Comment lire les données d'un fichier Excel en python
pilote universel de périphérique PCI
Comment habiller Douyin Xiaohuoren
Introduction aux touches de raccourci pour réduire Windows Windows
tutoriel pascal
Comment redimensionner des images dans PS
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
