angulaire.js - Comment ajouter les options affichées par défaut dans la liste déroulante dans Angularjs ?

Question

Le résultat dom est le suivant, qui est une liste déroulante pour la sélection de la hauteur

<select ng-model="selectedHeight" ng-options="obj.h for obj in heights"></select>

Passez un tableau de hauteurs aux hauteurs dans le contrôleur

$scope.heights=[{"h":"140cm"},{"h":"141cm"}];

Lors de l'initialisation, la liste déroulante doit afficher la première option 140 cm. Comment puis-je afficher la première option ?

Exploration :
Dans la situation actuelle, il est inutile d'utiliser $scope.selectedMonth = $scope.months[0].value directement.

$scope.heights=[{"h":"140cm","value":0},{"h":"141cm","value":1}];

En même temps, lors de la liaison bidirectionnelle, liez la valeur dans

<select ng-model="selectedMonth" ng-options="obj.value as obj.h for obj in heights"></select>

Dans ce cas, vous pouvez initialiser l'affichage

$scope.selectedMonth = $scope.months[0].value; 

Supplément : Notez que lors de la définition de ng-options, vous ne pouvez pas ajouter de valeur, sinon vous ne pourrez pas obtenir la valeur de l'option dans le contrôleur

<select ng-model="selectedMonth" ng-options="obj as obj.h for obj in heights"></select>

Référence :

Description du lien

Answer 1

Initialisé dans le contrôleur :

    $scope.selectedHeight = $scope.heights[0].h;