How to go back to a parent component in Angular 2

Question

I want to go back to my parent componentn after a form is submitted in my AddUserComponent.

My url should change : /video/1/user to /video/1

I tried

this._router.navigate(['../../video'],{ relativeTo: this.route })
this._router.navigate(['../../video',{video_id:1}],{ relativeTo: this.route })

but it's not working.

My routes :

export const routes = [
  { path: '', component: VideosComponent },
  {
    path: 'video/:video_id',
    children :[
        { path: '', component: VideoComponent },
        { 
          path: 'user',
          children :[
              { path: '', component: AddUserComponent },
              { path: ':user_id', 
                children :[
                  { path: '', component: EditUserComponent}
                ]
              }
          ]
        },
    ]
}
];

Any ideas ?

have you checked [this answer](http://stackoverflow.com/a/38810729/2435473)? — Pankaj Parkar, Nov 23 '16 at 14:27

score 0 · Answer 1 · answered Nov 23 '16 at 14:26

0

These should work

this._router.navigate(['../../video',1],{ relativeTo: this.route })
this._router.navigate(['../../video/' + 1],{ relativeTo: this.route })
this._router.navigate(['../../video/1'],{ relativeTo: this.route })

or absolute

this._router.navigate(['/video',1])

answered Nov 23 '16 at 14:26

Günter Zöchbauer

623,577
216
2,003
1,567

Thanks but url looks like video/1/user/video/1. I would like to get rid of 'user'. – Adrien Castagliola Nov 23 '16 at 14:35
Sounds like you are missing the `` in `` (or a provider for `APP_BASE_HREF`. http://stackoverflow.com/questions/34535163/angular-2-router-no-base-href-set/34535256#34535256 – Günter Zöchbauer Nov 23 '16 at 14:39
Can you reproduce in a Plunker? – Günter Zöchbauer Nov 23 '16 at 14:57

score 0 · Answer 2 · answered Nov 23 '16 at 14:41

0

Using navigateByUrl

this._router.navigateByUrl("/video/1");

answered Nov 23 '16 at 14:41

Michael

1,692
1
17
19

How to go back to a parent component in Angular 2

2 Answers2