如何仅在需要时加载模块

Question

我正在做角度项目，我有一种情况需要加载“ngSanitize”模块。问题是我在索引页面加载时不需要这个模块。我想只在需要时加载它。请帮忙找出来。

Answer 1

在应用程序中创建一个单独的模块文件（app.module.js）取决于您的需求......

    angular.module("SampleOne", []);
    angular.module('SampleTwo', []);
    angular.module("SampleThree", []);
    angular.module("SampleFour", []);
    angular.module('SampleFive', []);

在页面加载时初始化此模块文件，

取决于您的要求，请调用您应用程序中的模块。

这里“SampleFive”是我注入了ngSanitize的模块之一。

 var app = angular.module('SampleFive', ['ngSanitize'])
    app.controller('MyController', function ($scope) {
        $scope.Message = "My name is <span><b>Angular Sanitize</b></span>";
    });

当我们在页面上调用“SampleFive”模块时，只会加载ngSanitize模块。

请参阅以下链接......

AngularJS Best Practices: Directory Structure