AngularJS：从异步函数的回调创建模块时找不到模块错误

Question

当我尝试以通常的方式创建 angularjs 模块时，它可以完美运行，但是当我尝试在 aync 函数调用的回调函数中执行相同的代码时，它会抛出找不到模块的错误：

以下代码可以正常工作：

 var myApp = angular.module('SSApp',[]);

    myApp.controller('config', function($scope) {

    });

但以下抛出错误：

Init_Data(function() {
    initApp();
});


function initApp() {
    var myApp = angular.module('SSApp',[]);

    myApp.controller('config', function($scope) {

    });

}

function Init_Data(callback) {
    chrome.storage.local.get(null, function(data) {
        window.data = data;
        callback();
    });
}

我在各自的 html 代码中定义了 ng-app="SSApp" 指令。

Answer 1

您的代码没有按照您的预期执行的原因是，当 DOM 准备好时，Angular 会尝试自动引导模块“SSApp”。但是，当它尝试这样做时，找不到您的 JavaScript 代码定义的此类模块。

您的 HTML 中可能有 ng-app="SSApp"，这就是 Angular 尝试自动引导模块的原因。

您可以选择通过删除 ng-app 指令并执行手动引导模块

angular.bootstrap(document.documentElement, ['SSApp']);

Answer 2

这是你必须做的改变：

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

 Init_Data(function () {
     initApp();
 });

 function initApp() {            

     myApp.controller('config', function ($scope) {

     });

     console.log(myApp)

 }

 function Init_Data(callback) {
     setTimeout(function () {
         callback();
     },4000);                
 }

根据我对您的代码的理解，首先您要加载数据，然后将配置控制器添加到您的应用中...所以先定义您的应用，然后在回调配置中