angularjs - 使用 .getJSON() 填充 $scope

Question

我最近开始使用 Angular.js，并且得到了一个运行良好的演示项目。然而，当我尝试从后端 Web 服务加载数据而不是硬编码数组时，我开始陷入困境。具体来说，在我使用 $.getJSON().done(...) 设置 $scope 后，页面似乎没有正确绑定(bind)数据。我应该在其他地方/以不同的方式进行操作，而不是在 .getJSON 完成后将值分配给 $scope 吗？我到处搜索，确实找不到任何从后端提取初始数据的 Angular 的好例子。

预先感谢您对此提供的任何帮助!

Answer 1

由于您尝试在 Angular 之外更新 $scope，因此您必须使用 $apply 来更改模型。作用域上的方法。

也许是这样的:

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

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

This post有好fiddle在 Angular 代码之外更新模型。