Question

我正在尝试动态填充ListBox。但是它没有使用ajax请求。

这就是我在做什么。

我的Ajax请求：

angular.module("confessions_module").factory("Universities",function(){

    var service = {};

        service.getUniversitiesAjax=function(callback)
        {
            $.ajax({
                type:'GET',
                url:'myurl',
                success:function(e)
                {
                    universitiesList = $.parseJSON(e);
                    callback(universitiesList);
                }

            });

//                var a = [{ 'name':'asdasdsad','id':123},{ 'name':'mozi','id':123}];
 //              callback(a)
        }
    return service;
});

我的控制器调用函数并填充数组：

   Universities.getUniversitiesAjax(
    function(university)
    {

        for(var i=0;i<university.length;i++)
        {
            var unii = { 'name' : university[i].name , 'id' : university[i].id };
            $scope.unis.push(unii);
        }
    }
);

我的观点：

                   <select id="dd_universities">
                        <option ng-repeat="uni in unis">{{uni.name}}</option>
                    </select>

现在My Ajax Request代码中有两行注释。当我uncomment这两行时，我的数据填充没有问题。但每当我尝试使用ajax请求代码填充它时，就像现在正在发生的那样。这是行不通的。可能是什么问题？

Answer 1

您的AJAX回调是在Angular“外部”执行的，所以即使您要更改范围属性：

$scope.unis.push(unii);

Angular不会注意到这些变化。在$scope.$apply()循环后调用for。这将导致Angular运行digest cycle，它会注意到您的更改并更新您的视图。

ajax请求数据未加载 - Angular JS

1 个答案: