dynamic change of templateUrl in ui-router from one state to another

Question

html:

<a ui-sref="user.tools.selectedTemplate({provider: t.id})" target="_blank">{{t.name}}</a>

Above code is in ng-repeat with many template links loaded with name and id so when i click each link , href will be updated with id number appended to selected template link. I am generating about ten templates with same controller. I am passing value in ui-sref from one state to another so i need dynamic templateUrl, i tried this link issue but i cant able to send stateparams since the main template page has no params.

Here the ui router code in app.js

.state('user.tools.template',angularAMD.route({
    url: '/template',
    templateUrl: './views/tools/select-template.html',
    controller: 'selectTplCtrl',
    controllerUrl: 'tools/selecttplCtrl'
}))

.state('user.tools.selectedTemplate',angularAMD.route({
    url: '/selectedTemplate/:provider',
    templateUrl: function($stateParams){
        return './views/tools/selected-template'+'$stateParams.provider'+'.html'
    },
    controller: 'selectedTemplateCtrl',
    controllerUrl: 'tools/selectedTemplateCtrl'
}))

Can anyone solve this issue ?

Community · Accepted Answer · 2017-05-23 12:01:00Z

2

I would say that you are on the right track.. just URL construction should be adjusted like this:

templateUrl: function($stateParams){
    //return './views/tools/selected-template'+'$stateParams.provider'+'.html'
    return './views/tools/selected-template'+ $stateParams.provider +'.html'
}

See more here, what we can have with UI-Router when working with dynamic template link:

edited May 23, 2017 at 12:01

CommunityBot

11 silver badge

answered Aug 9, 2016 at 5:02

Radim Köhler

124k48 gold badges243 silver badges343 bronze badges

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

2 Comments

Arun Over a year ago

ah! Thanks @Radim Kohler for answering me. and for extra dynamic solutions :)

Radim Köhler Over a year ago

Great if that helped anyhow ;) Enjoy UI-Router, sir

Collectives™ on Stack Overflow

dynamic change of templateUrl in ui-router from one state to another

1 Answer 1

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Linked

Related