angular.js - angularjs 与requirejs集成
问题描述
用require.js管理angular的依赖,发现如下问题(直接上代码):
下面是main.js:------------------------------------------------
require.config({
paths: { 'angular': '../vender/angular-1.5.8/angular', 'jquery': '../vender/jquery-1.11.3', 'angularRoute': '../vender/angular-1.5.8/angular-route.min', 'angularResource': '../vender/angular-1.5.8/angular-resource.min', 'domReady':'../vender/domReady',},shim:{ angular:{exports :'angular' }, angularRoute:{deps:['angular'] }, angularResource:{deps:['angular'] }, },waitSeconds: 0
});
require([
’app’,’bootstrap’,],function(app){’use scrict’;app.config([’$routeProvider’,function($routeProvider){ console.log($routeProvider);}])
})
下面是app.js:------------------------------
define([’angular’],
function(angular){ console.log(’app’); return angular.module(’app’,[]);}
);
下面是bootstrap.js:---------------------------------
define([’angular’,’domReady’],function(angular,domReady){
domReady(function(){ console.log(’boot’); angular.bootstrap(document,[’app’]);})
})
以上是没有报错的,如下是正常运行结果:
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
当我在app.js里面加了依赖的模块(angularResource)如下:
define([’angular’,’angularResource’],
function(angular){ console.log(’app’); return angular.module(’app’,[’ngResource’]);}
);
这时就会报错:如下
可以看到app并没有打印出来,这时为何呢?只是引入一个模块而已。如果在bootstrap.js里面引入一个依赖app:如下define([’angular’,’domReady’,’app’],function(angular,domReady){
domReady(function(){ console.log(’boot’); angular.bootstrap(document,[’app’]);})
})就不会报错了。可是不明白为何之前引入一个angularResource就会导致报错呢?
问题解答
回答1:既然应用所有子页面都用到了angular,所以并不需要按需加载angular
相关文章:
1. mysql - 数据库:获取两个字段与获取*,传输的数据量差距大吗?2. DADB.class.php文件的代码怎么写3. html5 - 在HBuilder中打包Android的apk包出错,不知道是什么原因。4. JavaScript如何循序渐进,有效的学习?看不下去怎么办?5. 老师 我是一个没有学过php语言的准毕业生 我希望您能帮我一下6. javascript - 连续点击触发mouseleave事件7. python - 通过正则提取出来的ip,怎么命名8. angular.js - angular指令中的scope属性中用&获取父作用域函数的问题9. 求解答:访问不了虚拟服务器的问题?10. html - node.js中base标签中href的问题