使用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屏幕廣播鏈接中觀看此視頻