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');
    });
});

Just as a quick check, make sure that you have the angular-route.js source file; it was broken out of the core source a while ago, and routes won't work without it. — Hylianpuffball
– Hylianpuffball, Commented Jan 7, 2014 at 23:18

Raphaël Boucher · Accepted Answer · 2014-01-09 18:14:47Z

2

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

answered Jan 9, 2014 at 18:14

Raphaël Boucher

1839 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Clint Powell Over a year ago

A simple mistake but it took me half an hour to find this answer which was exactly what I was missing. Thanks.

Stewie · Accepted Answer · 2014-01-07 22:44:02Z

1

Your bootstrapping is wrong. It should be:

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

answered Jan 7, 2014 at 22:44

Stewie

60.4k20 gold badges148 silver badges113 bronze badges

1 Comment

Raphaël Boucher Over a year ago

That's true, it solved a part of the issue. However, I still have no errors and no routes... Is there a way to check if the routes are registered in the app object ?

Collectives™ on Stack Overflow

RequireJS and Angular routes

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related