Repository navigation
fix(router): linking to redirects #3335
Description
In the below example, the link from the parent to the grandchild would not work:
@View({
template: `<a [router-link]="['./child']">link to default child</a>`
})
@RouteConfig([
{ path: '/child/...', component: ChildCmp, as: 'child' }
])
class ParentCmp {
}
@View({
template: `<a [router-link]=""></a>`
})
@RouteConfig([
{ path: '/', redirectTo: '/default' },
{ path: '/:name', component: UserCmp, as: 'name' }
])
class ChildCmp {
}
A way to provide defaults for params might cover this use case:
@View({
template: `<a [router-link]="['./child']">link to default child</a>`
})
@RouteConfig([
{ path: '/child/...', component: ChildCmp, as: 'child' }
])
class ParentCmp {
}
@View({
template: `<a [router-link]=""></a>`
})
@RouteConfig([
// `default` here means "fill in params that aren't present with these values"
{ path: '/:name', component: UserCmp, as: 'name', defaults: { name: 'default' } }
])
class ChildCmp {
}
Alternatively, we could mark certain child routes as "default", so this would work:
@View({
template: `<a [router-link]="['./child']">link to default child</a>`
})
@RouteConfig([
{ path: '/child/...', component: ChildCmp, as: 'child' }
])
class ParentCmp {
}
@View({
template: `<a [router-link]=""></a>`
})
@RouteConfig([
{ path: '/', redirectTo: '/default', default: true }, // `default` here means choose this for children
{ path: '/:name', component: UserCmp, as: 'name' }
])
class ChildCmp {
}
Activity
[-]feat(router): linking to redirects[/-][+]fix(router): linking to redirects[/+]btford commentedon Aug 5, 2015
tracks internal bug: b/22617861
btford commentedon Aug 5, 2015
@IgorMinar @matsko I'd like your help designing this.
btford commentedon Aug 13, 2015
I'm still trying to design a good design for this; it's tricky because you can't easily work backwards from an arbitrary partial URL to a set of components to properly generate the instruction.
For now, I have a solution that only handles the case where you have a link like this:
So if you redirect from a child to another route within that child, everything works just fine.
But trying to deeplink a redirect from parent into a deep hierarchy will not work.
angular-automatic-lock-bot commentedon Sep 7, 2019
This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.
Read more about our automatic conversation locking policy.
This action has been performed automatically by a bot.