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. 引用 node.js express加载 静态文件 报错 ??2. node.js - 为什么引入mongoose报错?3. 鼠标过导航标签时,无效果,请问如何查找问题4. angular.js - ionic该如何强制刷新页面5. javascript - 引入 simditor,但是显示标签,这个怎么解决。6. android - 使用listview加载不同item,数据填充错误。7. javascript - 数组的过滤和渲染8. mysql中的最大连接数就是请求数吗?那IOPS又表示什么意思呢?9. mysql 一个sql 返回多个总数10. 怎么可以实现在手机浏览器看到链接的title属性,就是鼠标放上去会有一个tip效果的