如何通过单击标签 Angular2 更改 url？答案

【问题标题】：How to change url by click tabs Angular2?如何通过单击标签 Angular2 更改 url？
【发布时间】：2017-09-23 12:24:50
【问题描述】：

我在 Angular 2 中使用材质选项卡。

单击选项卡时如何更改 URL 地址。历史导航需要它。

【问题讨论】：

有一个方法updateActiveLink，没有例子怎么用
你不能在(click) 上触发router.navigate('url') 吗？
什么参数传递给点击？
我试过this.location.replaceState(path);但我需要修改当前的路由链接，而不是完全替换
Nonono dude angular 提供了一个类路由器，您可以使用它来更改路由。你需要阅读Angular routing。

标签： angular angular-material angular-routing

【解决方案1】：

当您使用<md-tab-group> 时，标签更改会在same 路由(=url) 内。如果您希望在单击其他选项卡时更改路由（=url），则应将<nav md-tab-nav-bar> 与<router-outlet></router-outlet> 结合使用。这与您应用的路由器实现无关。（因此它适用于标准Angular router。）在官方tabs documentation 中了解更多信息。

【讨论】：