本文介绍了角+ 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;
    < D​​IV NG-应用=mainApp>
        < D​​IV 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 - 装载在错误的顺序的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

09-02 05:05