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

Javascript 使用angularjs在编辑页面上加载数据的正确方法是什么?,javascript,user-interface,angularjs,Javascript,User Interface,Angularjs,第一次使用angularjs时,我的数据加载有点慢。基本上,当用户选择编辑任务时,我们正在访问web服务以返回任务的数据。此外,页面上有3个下拉列表,因此我们需要访问一个服务来返回该数据 页面显示任务的数据,然后一次填写一个下拉列表的数据 在加载所有数据之前,如何等待显示模板?或者让数据同时加载 下面是获取数据的代码示例: $scope.task = Task.get({ id: taskId }, function() { $scope.vendor.terms = Term.

第一次使用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'}, {
    });
})
您可以使用解析。 这是一个属性,你可以在app.js中设置你想要的任何路线 基本上,它是在控制器实例化和视图加载之前必须解决的承诺列表。 从egghead.io屏幕广播中查看此视频

可能重复的