javascript - 如何使用 Angular 声明特定模块

标签 javascript angularjs

我想声明特定的模块,因为 我在每一页上加载所有 Angular 文件。 它超大。 我想在每个页面上加载特定的 Angular 文件。

我的 app.js 文件如下所示:

var testApp = angular.module(
'testApp', [
    'MainCtrl',
    'AdminCtrl',
    'UserCtrl',
    'ArticleCtrl',
    'ArticleService', 
    'MediaService',
    'UserService',
],
function($interpolateProvider) {
    $interpolateProvider.startSymbol('[[');
    $interpolateProvider.endSymbol(']]');
}
);

但它想要声明不再加载的模块。 因此,我不需要为每个页面制作特定的 app.js ..

谁有更好的主意?

谢谢。

最佳答案

您可以使用 requirejs,其中模块将按需加载。

关于如何实现这一点的非常好的教程:

Lazy loading angular components

关于javascript - 如何使用 Angular 声明特定模块,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24650439/

相关文章:

javascript - 使用 Angular 的简单提交表单

javascript - 如何在内容加载后加载 HTML

javascript - 为什么我生成的图像没有根据我的鼠标光标设置它们的位置?

javascript - 如何删除存储在本地存储中的数据?

javascript - 文本框中的 Angular 表达式

javascript - HTML 按钮和 Controller 未连接

angularjs - 如何注入(inject) Controller 使用的服务/工厂?

javascript - 如何在 HTML 模板中使用功能 $scope 方法而不使用 ng-click?

javascript - 嵌套 async.eachSeries 堆栈迭代

javascript - 如何通过我的 chrome 扩展程序注入(inject)的脚本访问 jQueryUI slider ?