Question

我试图通过使用resolve来延迟路径内的控制器：

.when('/somepage', {
        resolve: {
            load: function (loadDependencies, $q) {
                return loadDependencies.load(['controllers/myCtrl.js'], [], []);

            }
        },
        templateUrl: 'views/some-template.html'
    })

这是我的loadDependencies工厂：

app.factory('loadDependencies', function ($q, $timeout) {

    return {
        load: function (Controllers,cssFiles,modules) {

            var jsPath = "scripts/",
                cssPath = "css/",
                head = document.getElementsByTagName("head")[0],
                deffered = $q.defer(),
                jsReady = 0,
                jsShouldBeReady = Controllers.length;

            Controllers.forEach(function (arrayItem) {
                var js = document.createElement("script");
                js.src = jsPath + arrayItem;
                head.appendChild(js);

                js.onload = function () {
                    jsReady++;
                    if (jsReady == jsShouldBeReady) { // if loaded files equal to controllers length, then they all finished loading - so resolve deffered
                        deffered.resolve(true);
                    }
                };

                js.onerror = function() {
                    alert("Cannot load js files. Pleae try again later");
                }; 
            });

            return deffered.promise;

        }
    }
});

我是棱角分明的新手，但从我的理解 - deffered.promise应该等待承诺解决？目前它只返回对象。我也试过这个：

deffered.promise.then(function () {
   // call back here
});

但我没有理解如何将已解决的值返回给控制器。

Answer 1

首先 - 您的实际问题：如果您想在文件懒惰到达时加载控制器，您应该read this。您需要注册控制器才能延迟加载它们。

至于承诺：

我总是在尽可能最低的水平上做出承诺。您的代码使用异步信号量自行执行聚合 - 已经通过$q.all为您实现了逻辑，它执行相同的操作，只有更好的错误处理。

function loadScript(url){
    var scr = document.createElement("script");
    scr.src = url;
    var d = $q.defer();
    scr.onload = function(){ d.resolve(scr); };
    scr.onerror = function(e){ d.reject(e); };
    return d.promise;
}

该代码非常清楚，现在，您可以加载多个承诺并通过$q.all等待它们：

function load(files){
    return $q.all(files.map(loadScript));
}

load([url1, url2, url2]).then(function(){
    // all files are loaded, just like in your example.
});

defer.promise不等待对象解决

1 个答案: