Require.js, Angular.js Integration

Require.js

See:
First knowledge of Require.js
Decryption Require.js

Angular.js

See:
The first knowledge of angular.js love and hatred

Integrated Require.js, Angular.js configuration

Configure the Angular.js in Requirejs.
Require-main.js

// 配置requirejs.config({...  paths: {    ‘jquery‘‘libs/jquery-2.1.3/jquery.min‘,    ‘angular‘‘libs/angular-1.3.15/angular.min‘  },  shim: {    ‘angular‘: {      deps: [‘jquery‘],      ‘angular‘    }  },  ...});

Create

Create the ANGULARJS application module.
Angular-app.js

// 创建define([‘angular‘function(angular) {  return angular.module(‘angularApp‘, []);});

Load, start

Load, start Angularjs with Requirejs
Require-bootstrap.js

GlobalConfig.requireScripts.unshift(  ‘angular‘,  ‘angularApp‘);// 加载function (angular) {  // 启动  $(document).ready(function(){    angular.bootstrap(document, [‘angularApp‘]);  });});

Page references

<script src="/libs/require/require.js"></script><script src="/require-main.js"></script><script src="/require-bootstrap.js"></script>

File referenced in Angular.js

Introduction of Angularjs module via Requirejs Dependency Injection

define([  ‘angularApp‘// 引入angularjsfunction(  angularApp) {  angularApp.factory(‘loginService‘function() {    var loginService = {};    function (data) {      ‘/welcome‘;    };    return loginService;  });});

Dynamically loading JS files via Requirejs

See the simple, powerful swig.js

Require.js, Angular.js Integration