I had started writing an app using angularJS. After a few weeks, I suddenly realized that I should have used require JS from the beginning to load my modules. Yes, I know, it wa
There are 2 possible problems with your setup:
1. You are bootstrapping angular in your main.js
and then loading the dependencies.
2. You should be referencing the dependency using string
So, after removing the angular.bootstrap
from your main.js
, try the following:
app.js
define([
'AngularApp/services',
'AngularApp/directives',
'AngularApp/controllers'],
function()
{
console.log("sup");
var serviceContractModule = angular.module('ServiceContractModule',[ 'ngRoute', 'ServiceContractModule.services', 'ServiceContractModule.directives', '<<Your Controller Module Name>>' ]);
serviceContractModule.config(function($routeProvider,$locationProvider) {
$routeProvider.when('/contractNumber/:contractNumbers', {
controller : 'ContractController',
templateUrl : './contractSearchResult',
reloadOnSearch : true
}).when('/serialNumber/:serialNumbers', {
controller : 'SerialController',
templateUrl : './serialSearchResult'
}).when('/QuoteManager',{
controller : 'QuoteManagerController',
templateUrl: './quoteManagerView'
}).when('/QuoteManagerHome',{
controller : 'QuoteManagerController',
templateUrl: './quoteManagerHome'
});
});
angular.bootstrap(document, ['ServiceContractModule']);
});
Check out angularAMD
that I created to help the use of RequireJS and AngularJS:
http://marcoslin.github.io/angularAMD/
Looking at the sources for Angular, I do not see anywhere that it calls RequireJS' define
so you need a shim for it. Add this to your shim
configuration:
angular: {
exports: "angular"
}
By the way, the priority
field in your configuration is obsolete. Either you use RequireJS 2.x which ignores this field because priority
is supported only by RequireJS 1.x. Or you use RequireJS 1.x which would honor priority
but would ignore the shim
field because shim
was introduced in 2.x. My suggestion: use RequireJS 2.x and remove priority
.