Voici la partie html de select
<select class="form-control w-searchbar-select" ng-model="aa" ng-init="aa='请选择设备状态'" >
<option ng-repeat="data in ProcedureList" value="{{$index}}">{{data}}</option>
</select>Ce qui suit est la partie EquipmentProcedureList de la définition
$scope.equipmentProcedureList = ["请选择设备状态", "注册", "使用中", "故障", "报废"];L'effet de la méthode d'écriture actuelle sur la page est le suivant :
Aucun élément n'est sélectionné dans la zone de sélection et celle-ci est vide.
Cependant, si vous supprimez la valeur="{{$index}}" dans l'option, elle s'affichera normalement.
Demandez conseil à Dieu
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
L'effet de page souhaité est de sélectionner "Veuillez sélectionner l'état de l'appareil" par défaut, et la valeur des éléments restants est $index. Enfin, ng-repeat est utilisé pour implémenter les fonctions ci-dessus.
$scope.equipmentProcedureList = ["请选择设备状态", "注册", "使用中", "故障", "报废"];Ci-dessus sont les options déroulantes de sélection, prédéfinies.
Précisez ici les éléments sélectionnés par défaut
Voici la partie HTML
angularJS recommande d'utiliser ng-options pour créer des menus déroulants
La valeur de la valeur dans l'option est un nombre, et une fois initialisée, value='Veuillez sélectionner l'état de l'appareil', il n'y a pas de valeur d'affichage correspondante à cette valeur..