如何只在需要時加載模塊

Question

我正在做角項目，我有一個情況，我需要加載「ngSanitize」模塊。問題是我不需要這個模塊，當索引頁面加載。我想加載它只有在需要的時候。請幫助瞭解。

Answer 1

創建應用一個單獨的模塊文件（app.module.js）取決於你requiement ...

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