How to change url by click tabs Angular2?

Question

I use Material Tabs in Angular 2.

How can I change the URL address when clicking on a tab. It is required for history navigation.

There is an method updateActiveLink, without any example how to use — POV
– POV, Commented Sep 23, 2017 at 12:28
Couldnt you just on (click) trigger a router.navigate('url') ? — Mihailo
– Mihailo, Commented Sep 23, 2017 at 12:44
I tried this.location.replaceState(path); but I need to modify current route link, not replace fully — POV
– POV, Commented Sep 23, 2017 at 13:40
Nonono dude angular provides a class Router which you can use to change routes. You need to read-up on Angular routing. — Mihailo
– Mihailo, Commented Sep 23, 2017 at 13:42

Kim Kern · Accepted Answer · 2017-09-23 14:03:08Z

2

When you use <md-tab-group>, then tab changes are within the same route (=url). If you want the route(=url) to be changed when you click on a different tab, you should use <nav md-tab-nav-bar> in combination with <router-outlet></router-outlet>. This is agnostic to your app's router implementation. (So it works with the standard Angular router.) Read more about this in the official tabs documentation.

answered Sep 23, 2017 at 14:03

Kim Kern

61.1k20 gold badges221 silver badges215 bronze badges

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

Collectives™ on Stack Overflow

How to change url by click tabs Angular2?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related