相关疑难解决方法(0)

Angular + Requirejs - 加载顺序错误

我正在尝试使用requirejs加载angular和jquery.我能做的最好的是50%的时间都能正确加载,另一半我得到了错误No Module: mainApp

我假设这是基于requirejs异步加载脚本的速度打破一半的时间.

当它工作时,我看到"Hello World"测试(虽然我确实看到{{text}}在替换之前闪存,但我一直在阅读如何解决这个问题).剩下的时间我收到错误并且{{text}}只是停留在屏幕上.

Github Repo

Tree:

index.html
- js
    - libs
        require.js
    - modules
        mainApp.js
    main.js
Run Code Online (Sandbox Code Playgroud)

main.js

require.config({
  paths: {
    'jQuery': '//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min',
    'angular': '//ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular',
  },
  shim: {
    'angular' : {'exports' : 'angular'},
    'jQuery': {'exports' : 'jQuery'}
  }
});

require(['jQuery', 'angular', 'modules/mainApp'] , function ($, angular, mainApp) {
  $(function () { // using jQuery because it will run this even if DOM load already      happened
    angular.bootstrap(document, ['mainApp']);
  });
});
Run Code Online (Sandbox Code Playgroud)

modules/mainApp.js

define(['angular'], function (angular) {
  return angular.module('mainApp' , …
Run Code Online (Sandbox Code Playgroud)

javascript jquery asynchronous requirejs angularjs

2
推荐指数
1
解决办法
7759
查看次数

标签 统计

angularjs ×1

asynchronous ×1

javascript ×1

jquery ×1

requirejs ×1