选择标签 ng-model 返回一个未定义的值

Question

我的 html 代码中有一个 select 标记，如下所示：

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

我的选择中的值是通过 API 从数据库中获取的，代码如下所示。

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

            }); 

我有另一个函数需要选择标签上的选定值

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

但是 $scope.brandList 的选择模型返回一个未定义的值。我怎样才能解决这个问题？我需要将 select 标记中的值传递给函数。

Answer 1

希望您在控制器中定义了变量brandList。

$scope.brandList = {};

另外，将您的 ng-repeat 语句更改如下：

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

检查更改的控制器代码：

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

在这里查看 plunker 参考 plunk