RequireJS and Angular routes

Question

I'm having an issue with the routes of Angular. I don't have any errors, the routes are simply not working.

The following code is the simplest example where I redirect any route to #/reports. I checked the following piece of code without RequireJS and it works. I'm now wondering if I forgot something about the interactions between requireJS and Angular ?

I bootstrap Angular (and I get the bootstrap log), is there a link with my issue ?

Here is the code :

define([
    'jquery',
    "angular",
    "angular-route"
],        
function($, angular, AngularRoutes){ 

    var gameApp = angular.module('gameApp', [
        'ngRoute'
    ]);

    gameApp.config(['$routeProvider',
        function($routeProvider) {
            $routeProvider.
                otherwise({
                    redirectTo: '/reports'
                });
        }
    ]);


    angular.element().ready(function() {
        angular.bootstrap(document, [gameApp['name']]);
        console.log('Angular Bootstrapped');
    });
});

Answer 1

I needed to have the <div data-ng-view></div> tag in my HTML, otherwise routing doesn't work.

Answer 2

Your bootstrapping is wrong. It should be:

angular.bootstrap(document, ['gameApp']);