本文介绍了角+ Requirejs - 装载在错误的顺序的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我想有装有requirejs角和jQuery。我能做的最好的是时间的一切负荷的50%正常,另一半我得到的错误无模块:mainApp
我假设这是基于上requirejs异步加载脚本的速度打破一半的时间。
当它工作,我看到的Hello World测试(虽然我确实看到{{文字}}闪光灯被替换之前,但我一直在读如何解决这里)。的时候,我得到的错误,其余{{文本}}只是停留在屏幕上。
树:
的index.html
- JS
- 库
require.js
- 模块
mainApp.js
main.js
main.js
require.config({
路径:{
'jQuery的':'//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min',
'角':'//ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular',
},
垫片:{
'角':{'出口':'角'},
jQuery的:{'出口':'jQuery的'}
}
});需要(['jQuery的','角','模块/ mainApp'],功能($,棱角分明,mainApp){
$(函数(){使用jQuery,因为它会运行此即使DOM负荷已经发生了//
angular.bootstrap(文件,['mainApp']);
});
});
模块/ mainApp.js
定义(['角'],功能(角){
返回angular.module('mainApp',[])。控制器('MainCtrl',['$范围',函数($范围){
$ scope.text =的'Hello World';
}]);
});
相关的index.html
< HEAD>
<脚本SRC =JS /库/ require.js数据主要=JS /主>< / SCRIPT>
< /头>
<身体GT;
< DIV NG-应用=mainApp>
< DIV NG控制器=MainCtrl>
{{文本}}
< / DIV>
< / DIV>
< /身体GT;
解决方案
您可以使用了解相关信息,疑难杂症:
The trick is found on this blog post.
EDIT If you follow the blog post's advice, please use this domReady script instead of the one I previously posted: https://github.com/requirejs/domReady/blob/master/domReady.js.
这篇关于角+ Requirejs - 装载在错误的顺序的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!