Question

如何创建一个具有模板指令的模块＆＃34; Hello world＆＃34;并将此模块注入基础模块（应用程序），同时初始化网页指令应编译并附加到<body>？

angular.module('helloWorld',[]).provider(['helloWorld',function(ngModalView){

    return{
        $get : [function($compile, $scope){
             var tem = $compile('<hello-world></hello-world>')($scope);
             //append this template to body
        }]
    };

}]);

angular.module('helloWorld',[]).directive('helloWorld',[function(){
        return {
            restrict: 'E',      
            replace: true,
            template: '<div style="width=150px;height="150px">Hello world</div>'  
        };
}]);

我需要在应用程序启动时运行上面的模块。

angular.module('app',['helloWorld']);

Answer 1

每当angular app bootstraps，首先它将加载依赖模块（在你的情况下为“helloWorld”），然后将加载主模块“app”。因此，您不必担心加载/运行相关模块。

如果您正在考虑延迟加载模块，请查看此网址

https://oclazyload.readme.io/

如何创建一个简单的模块来注入应用程序模块？

1 个答案: