无法使用angular.js和PHP在select标记中设置选定的值

时间:2015-10-10 06:45:27

标签: javascript php angularjs

我对angular.js中的select标签有一个问题。我在动态选择标签中绑定数据来自Database.Here我无法在select标签中设置所选的默认文本。我在下面解释我的代码。 / p>

  

role.html:

<select id="coy" name="coy" class="form-control" ng-model="user_name"  ng-options="user.name for user in listOfName track by user.value" >
 </select>

我在下面给出了用于设置select标签内部值的控制器代码。

$scope.listOfName=[];
$scope.listOfName=[{
        name: 'User Name',
        value: ''
    }]
    $http({
        method: 'GET',
        url: "php/userrole/getUserData.php",
        headers: { 'Content-Type': 'application/x-www-form-urlencoded' }
    }).then(function successCallback(response){
        angular.forEach(response.data,function(obj1){
            var user={'name':obj1.user_name,'value':obj1.user_name};
            $scope.listOfName.push(user);
        });
    },function errorCallback(response) {

    });

在这里我可以获取所有数据并将它们绑定在select标签内但是在这里我无法显示User Name作为默认选择文本意味着数据绑定后没有默认选定文本。请帮助我。

1 个答案:

答案 0 :(得分:0)

试试这个:

angular.forEach(response.data, function(obj1) {
    var user = {
        'name': obj1.user_name,
        'value': obj1.user_name
    };
    $scope.listOfName.push(user);
});
$scope.user_name = $scope.listOfName[0];