使用Angular.js从下拉列表中选择后无法获取值

时间:2016-01-22 12:55:30

标签: javascript angularjs

我有一个问题。我无法使用Angular.js从下拉列表中获取值。我在下面解释我的代码。

    <select class="form-control"  id="user_name" ng-model="user_name" ng-options="user.name for user in listOfUser track by user.value " >
    </select>
<input type="button" class="btn btn-success" ng-click="sendEvoucherCode();"  id="addProfileData" value="SEND"/>

$http({
            method:'GET',
            url:"php/getUserId.php",
            headers: { 'Content-Type': 'application/x-www-form-urlencoded' }
        }).then(function successCallback(response){
            //console.log('user id',response);
            angular.forEach(response.data,function(data){
                var obj={'name':data.userid,'value':data.userid};
                $scope.listOfUser.push(obj);
            })
        },function errorCallback(response) {
        })

$scope.sendEvoucherCode=function(){
        console.log('check',$scope.user_name);

    }

这里当我从下拉丢失中选择值并点击任何按钮时,在该功能内部我无法使用此控制台获取任何值console.log('check',$scope.user_name.value);。我需要检索所选值。请帮助我

1 个答案:

答案 0 :(得分:0)

看看Shb的评论。 您使用参数removeBorder(即String)调用方法(在ng-change上)'user_name'。但是你想要名为user_name的变量。因此,请将方法调用更改为removeBorder(user_name)

修改

代码正在运行。请参阅此plunker