angularjs ui-router pass query string parameter to state's templateurl

Question

I need to pass the query string to templateUrl as html is generated by Django view in this case.

I am trying to pass parameters(itemId) to templateUrl in angularjs ui-router like the following:

    .state('MyApp.itemEdit',{
        url: '/items/:itemId',
        views: {
            'editItems@':{
                templateUrl: '/core/edit-item-tmpl?itemId',
                controller: 'EditItemCtrl as editItems'
            }
        }
    })

This is not working. Wanted to know whether this can be done as I am not able to find anything related to this in docs.

Thanks

New Dev · Accepted Answer · 2015-07-19 07:13:14Z

4

You can get the itemId parameter if you used a function for templateUrl:

.state('MyApp.itemEdit',{
        url: '/items/:itemId',
        views: {
            'editItems@':{
                templateUrl: function(params){
                   return '/core/edit-item-tmpl?' + params.itemId;
                },
                controller: 'EditItemCtrl as editItems'
            }
        }
    })

answered Jul 19, 2015 at 7:13

New Dev

49.8k12 gold badges99 silver badges140 bronze badges

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

1 Comment

IJR Over a year ago

Thanks this is what I was looking for.

Collectives™ on Stack Overflow

angularjs ui-router pass query string parameter to state's templateurl

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related