2015-09-19 42 views
0

我尝试通过require.js要求和角度RouteProvider未定义

HTML

<script data-main="application/main" src="http://requirejs.org/docs/release/2.1.14/minified/require.js"></script> 

main.js

require.config({ 
    baseUrl: "application", 
    paths: { 
     angular: 'https://code.angularjs.org/1.4.5/angular', 
     angularRoute: 'https://code.angularjs.org/1.4.5/angular-route' 
    }, 

    shim: { 
     angular: {exports: 'angular' } , 
     angularRoute: { deps: ['angular'], exports: 'angularRoute' }, 
    } 
}); 

require(['app', 'routesBoot'], function (app) { 
    app.init(); 
}); 

加载时,得到下面的代码未定义app.js

define(['angular'], function (angular) { 

    var app = angular.module('reporterdashboard', []); 

    app.init = function() { 
     console.log('app.init called'); 
     angular.bootstrap(document, ['reporterdashboard']); 
    }; 

    return app; 
    }); 

routesBoot。 js

require(['app', 'angularRoute'], function (app, angularRouterParam) { 

    //put my routes in here, using angularRouterParam 
    //but angularRouterParam = undefined 

    return app.config(function (angularRouterParam) { 
     angularRouterParam.when('/page2', { controller: 'Page2Controller', templateUrl: 'page2.html' }); 
    }); 
}); 

当我检查angularRouterParam传入routesBoot它是未定义的。我做错了什么? 我基本上试图分裂我的应用程序,因此,我的路线放置在自己的文件(控制器,指令等将住在他们自己的启动.js文件)。我让require.js关注所有的.js文件加载,可以在main.js中看到。 routesBoot中的代码目前在语法上不正确,因为我被卡住了未定义的angularRouterParam问题

+0

我不确定,但应该在app.js中定义应用程序,如果你返回的应用程序,而不是角已经存在,是一个依赖? – KyleK

回答

0

问题出在我在此处发布的代码的外侧。我首先将一个指令加载到index.html(View First)中。该指令正在加载其他依赖项。该项目相当庞大,大约40个.js文件。我的要求重组是有过错的。