Can I access $stateParams from a state's view object?

Question

Using, Angular UI-Router, I have the following state:

$stateProvider
    .state('blog.article', {
      url: '/:slug',
      template: '<article></article>',
      views: {

      }
    });

I'm parsing the article slug in the url, which becomes available in $stateParams. However, I would like to target a parent state's named ui-view using this slug, is it possible to set the name of custom view to the slug in my case? So views object looks something like this:

views: {
   'stateParams.slug': {/* etc */}
}

I'm really at a loss at what you're trying to do. The `views` object in a call to `$stateProvider.state` sets up nested views for that state. The `:slug` is available in `$stateParams` for every nested view in that state - *injected to view's controller*. The parent view of `blog` won't see any `$stateParams` because it's a fixed path e.g. `/`. — dewd, May 19 '16 at 22:15

score 0 · Answer 1 · edited May 23 '17 at 12:16

...However, I would like to target a parent state's named ui-view using this slug, is it possible to set the name of custom view to the slug in my case?

No. The views : {} setting is static, not dynamic.

But there are still dynamic parts like controllerProviders, templateProviders, resolvers etc. And you should think about handling your logic there

views: {
   'viewName': {
       templateProvider: ...
       controllerProvider: ...
       resolver: ...
   }
}

see:

Can I access $stateParams from a state's view object?

1 Answers1