AngularUI Router

Is it possible to use angularAMD with AngularUI Router? The routing in ui-router being done with $stateProvider and $urlRouterProvider (for default route).

[marcoslin]

If all you are looking for is to load controller using RequireJS syntax (i.e.: not on-demand loading), here is what you can do: https://github.com/angular-ui/ui-router/issues/479

On-demand loading should also be possible as ui-router also have a resolve property: https://github.com/angular-ui/ui-router/wiki#resolve

You should be able to do something like:

$stateProvider.state('myState', {
    resolve: {
        "__load": ['$q', '$rootScope', function ($q, $rootScope) {
                var defer = $q.defer();
                require(['myStateController'], function () {
                    defer.resolve();
                    $rootScope.$apply();
                });
                return defer.promise;
        }]
    }
});

As I do not use ui-router, I am not sure if that actually works. If you setup a simple plunker with ui-router, I can try to wire angularAMD in. Here is a very simple angularAMD plunker as an example: http://plnkr.co/edit/Pco6T6gVEEcp8IcWb4LX

[riccardoroasio]

Hi,

i’m trying to use ui-router multiple views in this way:

.state('main', { url:'/app', // abstract: true, data: {requireLogin:true }, views:{ '': angularAMD.route({ templateUrl:function (){ var token=$cookies.get('token'); return '/getTemplate/'+token+'/main'; }, controller:'' }), 'main.content@main': angularAMD.route({ templateUrl:function (){ console.log("main.content template"); var token=$cookies.get('token'); return '/getTemplate/'+token+'/main.content'; }, controller:'main.content', controllerUrl:function (){ console.log("main.content controller");var token=$cookies.get('token'); return '/getController/'+token+'/main.content.js'; }//'main.content' }),

but it seems not to work… what i’m doing wrong?

Thanks, Riccardo