Angularjs select controller and template dynamically

Question

I want to make routes to access user profiles and pages which made by users like belows.

http://example.com/username http://example.com/page_url

This should identify in the routing process by sending a request to backend API. How to gain this with AngularJS v1.4.8?

Current situation. (only working for usernames)

    .when('/:username', {
        templateUrl: 'app/views/profile.html',
        controller: 'UserProfileController',
    })

what I want to make

    .when('/:username', {
        templateUrl: select dynamically,
        controller:  select dynamically,
    })

I have defined separate controllers and views for profile and page entities. HTML5 Mode also enabled

 $locationProvider.html5Mode(true);

sielakos · Accepted Answer · 2016-07-18 06:57:20Z

1

Why complicate something that can be simple?

Just make one route to handle both cases, make request in resolve and depending on result render different component directive in template using ng-if.

I see no need for some complicated solution with dynamic routing solution.

But if you really, really wish to do so it is possible with ui-router. Just use onEnter event and redirect to different route after getting response. Or do so inside controller.

Just make ajax call and then use $state service to do something like this:

$state.go('userprofile', params, {notify: false});

answered Jul 18, 2016 at 6:57

sielakos

2,40413 silver badges13 bronze badges

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

Collectives™ on Stack Overflow

Angularjs select controller and template dynamically

http://example.com/username http://example.com/page_url

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related