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>

我的select中的值是通过API从数据库中获取的，代码是这样的。

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

            });

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

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

但是$ scope.brandList的select模型返回一个未定义的值。我怎样才能解决这个问题？我需要将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

选择标记ng-model返回未定义的值

1 个答案: