使用angularjs在编辑页面上加载数据的正确方法是什么？

Question

第一次使用angularjs工作时，我的数据加载速度有点慢。 基本上，当用户选择编辑任务时，我们正在访问Web服务以返回该任务的数据。 此外，页面上还有3个下拉列表，因此我们还需要访问服务以返回该数据。

将显示该页面，将填写任务数据，然后一次填充一个下拉菜单数据。

在所有数据加载完毕后，如何等待显示模板？ 还是要同时加载数据？

这是获取数据的代码示例：

$scope.task = Task.get({ id: taskId }, function() {
        $scope.vendor.terms = Term.query('', function() {
            $scope.vendor.states = State.query();
        });
    });

以下是服务：

angular.module('App.Services', ['ngResource'])
.factory('Task', function($resource, baseUrl) {
    return $resource(baseUrl+'/tasks/:id', {'id': '@id'}, {
    });
})
.factory('Vendor', function($resource, baseUrl) {
    return $resource(baseUrl+'/vendors/:id', {'id': '@id'}, {
    });
})
.factory('Statue', function($resource, baseUrl) {
    return $resource(baseUrl+'/states/:id', {'id': '@id'}, {
    });
})

Answer 1

您可以使用解析。 这是您在app.js中设置的任意属性的属性，基本上，它是一个承诺列表，必须在控制器实例化和加载视图之前加以解决。 从egghead.io屏幕广播链接中观看此视频