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问题
我不确定,但应该在app.js中定义应用程序,如果你返回的应用程序,而不是角已经存在,是一个依赖? – KyleK