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

Question

这是一个带有AngularJS的 ASP.NET MVC应用程序。

当应用程序加载时，我们必须调用一些返回资源字典的动作方法，字符串键字符串值。

此资源数组/字典需要在整个应用程序中可用。

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

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

你可以使用广播和打开。

因此，一旦加载了密钥，您就可以使用广播触发事件

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

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

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

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