javascript - sélectionnez la valeur par défaut de la case

Question

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

Answer 1

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.

$scope.aa="请选择设备状态";

Précisez ici les éléments sélectionnés par défaut

<select class="form-control w-searchbar-select" ng-model="aa" >
   <option value="请选择设备状态"></option>
   <option ng-repeat="data in  equipmentProcedureList" value="{{$index}}">{{data}}</option>
</select

Voici la partie HTML

Answer 2

angularJS recommande d'utiliser ng-options pour créer des menus déroulants

<select ng-model="aa" ng-options="y for (x, y) in ProcedureList"></select>

$scope.ProcedureList = ["请选择设备状态", "注册", "使用中", "故障", "报废"];

//我一般使用下面这样初始化不用ng-init,这样我觉得好改一点，想初始化几就写数组的索引
$scope.aa = $scope.ProcedureList[0];

Answer 3

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..