如何在应用程序中使用之前从工厂服务加载数据

Question

这是一个 ASP.NET MVC 应用 AngularJS。

当应用程序加载时，我们必须调用一些操作方法，其中 returns 资源字典，字符串键字符串值。

此 array/dictionary 资源需要在整个应用程序中可用。

我们如何才能等到这些资源被加载后再在应用程序中访问它们？

var app = angular.module("app", []);

app.controller("TestCtrl", ['cacheService', function (cacheService) {
    var self = this;
    self.test = function () {
        var value = cacheService.getResourceValue('Err_lbl_UserExist');
    }
}]);

app.factory('cacheService', ['$http', function ($http) {
    var obj = {};
    obj.resourceDictionary = [];

    obj.loadResourceDictionary = function () {
        var httpConfig = {
            url: "/Cache/GetResourceDictionary",
            method: "GET",
            headers: {
                "X-Requested-With": 'XMLHttpRequest',
                "__RequestVerificationToken": $("[name=__RequestVerificationToken]").val()
            }
        }
        $http(httpConfig)
            .success(function (data) {
                obj.resourceDictionary = data;
            });
    }

    obj.getResourceValue = function (resourceKeyName) {
        if (obj.resourceDictionary.length <= 0) {
            obj.loadResourceDictionary();
        }

        return obj.resourceDictionary[resourceKeyName];
    }
    return obj;
}]);

编辑并接受答案

var app = angular.module("app", []);

app.controller("TestCtrl", ['cacheService', function (cacheService) {
    var self = this;
    self.test = function () {
        var value = cacheService.getResourceValue('Err_lbl_UserExist');
    }
}]);

app.factory('cacheService', ['$rootScope', '$http', function ($rootScope, $http, $q) {
    var obj = { resourcesLoaded: false };

    obj.loadResourceDictionary = function () {
        obj.resourcesLoaded = false;

        var httpConfig = {
            url: "Cache/GetResourceDictionary",
            method: "GET",
            headers: {
                "X-Requested-With": 'XMLHttpRequest',
                "__RequestVerificationToken": $("[name=__RequestVerificationToken]").val()
            }
        }

        $http(httpConfig).success(function (data) {
            obj.resourceDictionary = data;
            obj.resourcesLoaded = true;
            $rootScope.$broadcast("ResourcesLoaded", null);
        });
    }

    obj.getResourceValue = function (resourceKeyName) {
        if (!obj.resourcesLoaded) {
            obj.loadResourceDictionary();
            $rootScope.$on("ResourcesLoaded", function () {
                return obj.resourceDictionary[resourceKeyName];
            });
        } else {
            return obj.resourceDictionary[resourceKeyName];
        }
    }

    return obj;
}]);

Answer 1

您可以为此使用 broadcast 和 on。

因此，一旦您的密钥被加载，您就可以使用广播

触发一个事件

https://docs.angularjs.org/api/ng/type/$rootScope.Scope#$广播

您可以在任何需要使用 on 的地方收听该消息：

https://docs.angularjs.org/api/ng/type/$rootScope.Scope#$on

您可以将数据存储在服务中，这将使它成为一个单例，您可以重用它，您所要做的就是将服务注入您需要的任何控制器。

如何在应用程序中使用之前从工厂服务加载数据

How to load data from a factory service before using in application

asp.net-mvc

angularjs

angular-services