使用.getJSON()填充$ scope

Question

我最近开始玩Angular.js,并且得到了一个非常好的演示项目.但是,当我尝试从后端Web服务加载数据而不是硬编码数组时,我开始挂起.具体来说,在我使用$ .getJSON().done(...)设置$ scope后,页面似乎没有正确的数据绑定.在完成.getJSON之后,不仅仅为$ scope分配一个值,我应该在其他地方/不同地做它吗？我搜索高低,真的找不到任何好的角度示例,从后端拉动初始数据.

在此先感谢您对此的任何帮助!

Answer 1

由于您尝试更新$scopeAngular 的外部,因此必须使用范围上的$ apply方法更改模型.

也许是这样的:

    $.getJSON('ajax/test.json', function(data) {
        $scope.$apply(function(){
            $scope.modelData = data;
        });
    });

使用AngularJS访问后端的首选方法是使用$ http或$ resource服务代替jQuery.你不必使用$scope.$apply你可以直接更新你$scope.modelData.

这篇文章有一个很好的小提示,可以在Angular代码之外更新模型.