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

时间:2013-06-22 12:08:54

标签: javascript user-interface angularjs

第一次使用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'}, {
    });
})

1 个答案:

答案 0 :(得分:1)

您可以使用结算。 这是您在app.js中根据需要设置的属性 基本上,它是一个必须在控制器实例化并加载视图之前解决的promise列表。 观看来自egghead.io截屏视频link

的视频