如何动态添加新模块?

时间:2016-10-27 13:05:36

标签: javascript angularjs web

我有以下.js代码的图片:

 $.ajax({
     url: 'some/url',
     success: function(result) {
        $activeTabContainer.html(result);
    }
 });

$activeTabContainerjQuery选中的div。

结果对象包含html(带脚本标记),可能类似于:

<div ng-app="mySpa">
    <div ng-controller="myController"></div>
</div>

稍后在同一个.html文件中有一个脚本标记,其中包含:

(function () {
    "use strict";
    var app = angular.module("mySpa", []);
    app.controller("myController", [function () {
        debugger;
    }]);
})();

它完美地执行脚本标记中的.js部分,但我想必须以某种方式通知角度动态添加的模块及其控制器,例如动态引导。

有人有想法吗?

1 个答案:

答案 0 :(得分:0)

我找到了解决方案,因为当动态添加新模块时,角度不会自动引导。您需要手动引导它:

angular.bootstrap(document, ["mySpa"]);

宾果游戏有效: - )

链接到文档: https://docs.angularjs.org/api/ng/function/angular.bootstrap