使用requirejs实现angularjs

时间:2014-05-04 11:45:46

标签: angularjs requirejs

我正在尝试使用requirejs

实现angularjs

这是我最初加载的applicaiton.js文件

var config = {
    baseUrl: '/assets/',
    paths: {
        jquery: 'jquery',
        twitter: 'twitter',
        angular: 'angular',
        angularjs: 'angularjs',       # This is the directory
        app: 'app'
    },
    shim: {
        'twitter/bootstrap': {
            deps: ['jquery']
        },
        'angular': {
            exports: 'angular'
        },
        'app': {
            deps: ['jquery']
        }
    }
}

requirejs.config(config);

requirejs(['jquery', 'twitter/bootstrap', 'angularjs/app', 'app/common']);

目录结构

Application.js
Angularjs/
    -controllers/
    -directives/
    -Services/
    -app.js

启动时会启动angularjs / app.js并且我的app.js包含

define('app', ['angular'], function(angular) {
    var app = angular.module('app', []);
    return app;
})

require(['app'], function(app) {
    app.controller('FirstController', function($scope) {
        $scope.message = 'hello';
    })
})  

运行异常时运行

无法实例化模块应用

已使用this as reference link

1 个答案:

答案 0 :(得分:0)

除了不起作用的事实之外,使用RequireJS并不是一种健康的方法。请参阅我关于在AngularJS中使用RequireJS的答案:Does it make sense to use Require.js with Angular.js?