javascript - 避免在页面加载期间从 2 个 Controller 重复调用 AngularJS 中的相同 API

Question

我有一个使用 AngularJS 构建的单页应用程序。当页面首次加载时，将执行两个 Controller ，它们是“Controller1”和“Controller2”。

• 他们每个人都需要调用同一个 WebAPI 以满足其逻辑要求。
• 此外，“Controller1”代码首先执行，但由于代码的异步性质，“Conroller2”代码在 Controller1 调用 WebAPI 成功返回之前开始执行。

问题:如何确保只有 Controller1 调用 WebAPI，以便 Controller2 简单地使用 Controller1 中的调用而不是重复调用？

Controller 1

dashboardDataService.getAllDashboards().then(onDashboardListReceived)

Controller 2

dashboardDataService.getAllDashboards().then(onDashboardListReceived)

Answer 1

.service('dashboardDataService', function($http){
    var dashboardDataServiceScope = this;

    var allDashboardsPromise = false;

    dashboardDataServiceScope.getAllDashboards = function(){
        if(!allDashboardsPromise){
            allDashboardsPromise = $http.post(...);
        }
        return allDashboardsPromise;
    };
});

这会做的是第一次创建一个 promise ，然后每次其他东西调用它时都会返回相同的 promise 。因此，您可以将多个连接成一个。