tag Sélectionnez ng-modèle retourne une valeur non définie

Question

J'ai une balise select dans mon code html comme ceci:

<select ng-model="brandList" name="brandList" style="width:110px;" > 
    <option value="" selected>---Please select---</option> 
    <option ng-repeat="item in brandnameList | unique:'brandname'" value="{{item.brandname}}" style="width:50px;"> {{item.brandname}}</option> 

</select> 

Les valeurs de mon select a été extraite de la base de données via l'API et le code va comme ceci.

adminService.getbrandnameList() 
       .then(function(data){ 
        $scope.brandnameList = data.data; 
        $scope.brandn=data.data[0].brandname; 

      }); 

J'ai une autre fonction qui a besoin de la valeur sélectionnée sur la balise select

$scope.ExportmodalAdmin = function() { 
      alert( $scope.brandList) 
    } 

Mais le modèle pour la sélection qui est $ scope.brandList retourne une valeur non définie. Comment puis-je réparer cela? J'ai besoin de la valeur de la balise de sélection à transmettre à la fonction.

Answer 1

Espérons que vous avez défini la variable brandList dans votre contrôleur.

$scope.brandList = {}; 

En outre, Modifiez votre instruction ng répétition comme ci-dessous:

<select ng-model="brandList" name="brandList" ng-options="item.brandname for item in brandnameList" style="width:110px;" ng-change="alertChange()" > 
    <option value="" selected>---Please select---</option> 
</select> 

Code contrôleur pour vérifier le changement:

$scope.alertChange = function(){ 
    alert($scope.brandList.brandname); 
    }; 

regard à la référence de plunker ici plunk