AngularJS模块设置
AngularJS Modular Set up
直到最近,我一直将所有函数放入一个大JS文件中。我现在正试图将它们分解成小模块,以使我的应用程序更具可移植性。
我有我的核心js文件(main.js)与以下代码:
var App = angular.module("app", ['ui.bootstrap', 'angularMoment', 'chieffancypants.loadingBar', 'ngAnimate', 'ui.sortable', 'ngSanitize'], function ($interpolateProvider, $httpProvider) {
$interpolateProvider.startSymbol('[[');
$interpolateProvider.endSymbol(']]');
$httpProvider.defaults.transformRequest = function (data) {
if (data === undefined) {
return data;
}
return $.param(data);
};
$httpProvider.defaults.headers.post['Content-Type'] = ''
+ 'application/x-www-form-urlencoded; charset=UTF-8';
$httpProvider.defaults.headers.post['X-Requested-With'] = ''
+ 'XMLHttpRequest';
});
在另一个文件(即blog.module.js)中,我有以下内容:
(function(window, angular, undefined) {
'use strict';
angular.module("app", [])
.controller('Blog', ['$scope', function ($scope) {
alert('test');
}]);
});
当main.js文件连同它的所有依赖项一起加载时,第二个文件没有被加载。基本找不到控制器。谁能告诉我哪里可能做错了?
谢谢
在blog.module.js中的sintax看起来像你试图创建两个同名的'app'模块。像这样修改你的控制器模块
(function(window, angular, undefined) {
'use strict';
angular.module("app")
.controller('Blog', ['$scope', function ($scope) {
alert('test');
}]);
});
我引用你的话:
App = angular.module("app", ['ui.bootstrap',
...
angular.module("app", [])
不能重新声明一个模块,你可以重新打开它
App = angular.module("app", ['ui.bootstrap',
...
angular.module("app")
或创建另一个
App = angular.module("app", ['ui.bootstrap', 'app.controller'
...
angular.module("app.controller")
相关文章:
- 显示模块模式在Knockout中设置模型的新实例
- Ajax请求返回模块设置数据
- 如何为多个需求模块设置单元测试
- Requirejs 优化器 - 模块设置无法跳过外部源
- 模块导出在作为参数传入时无法设置
- 设置 npm 模块配置的最佳方法
- 类型错误:无法在模块导出中设置 undefined 的属性
- AngularJS 我应该在哪里设置或存储模块的配置
- 如何从模块设置中调用angular factory方法
- System.NullReferenceException:对象引用未设置为对象的实例.Dotnetnuke模块创建
- 如何使用perl中的WWW::Scripter模块设置referrer
- 在模块模式中设置和获取私有变量
- 在javascript显示模块模式中计算的淘汰设置
- Backbone是如何做到的.$在CommonJS模块配置中设置
- 如何在节点.js中使用重新连接模块设置 json 值
- 在AngularJS应用程序中设置模块
- 设置Jest和Enzyme来测试React 15找不到模块React /lib/ReactTestUtils
- 设置Javascript中模块的原型
- 主干网设置模块进入不完全环路-主干网
- 模块模式:设置模块范围的阵列