Child states their childs, show the parent component about core HOT 3 CLOSED

I've demonstrated view targeting in this fork of the tutorial

See the views guide for more details on view targeting

from core.

Hi @SamanthaAdrichem

Nested states in UIRouter usually imply that you also want nested views. That is, you want UserDetailComponent to be rendered inside a UIView that UsersComponent renders. This style is shown in Hello Galaxy tutorial).

However, it sounds like you want UserDetailComponent to replace the UsersComponent when /admin/users/:userid is active. There are two common ways to achieve this.

1. The first is what you've demonstrated in your last snippet, making the list and detail states siblings:

{
    name: 'admin.users.overview',
    url: '/', // becomes /admin/users/ due to tree
    component: UsersComponent
},
{
    name: 'admin.users.detail',
    url: '/:userId', // becomes /admin/users/:userId due to tree
    component: UserDetailComponent
},

Note: I changed this to url: '/' to avoid overview in the url.

2. The second is to keep the parent/child relationship but use view targeting to target the UIView rendered by the admin state.

{
    name: 'admin',
    url: '/admin',
    component: AdminDashboardComponent
},
{
    name: 'admin.users',
    url: '/users',
    component: UsersComponent
},
{
    name: 'admin.users.detail',
    url: '/:userId',
    views: {
      '@admin': {
        // renders into the unnamed UIView from the 'admin' state.
        // the component from the deepest nested state "wins"
        component: UserDetailComponent
      }
    }
  },

from core.

Thank you for the explanation

from core.