我正在使用一个名为ng2-materialize的angular 4应用程序的软件包，因为materialize css版本与一些组件不兼容 .

我想知道如何使用选项卡中的routerlinks让我的应用程序工作 . mz-tab-item 接受 href 属性，但会导致页面刷新 . 这就是我所拥有的：

<mz-tab>
  <mz-tab-item [active]="'true'" [label]="'Tab 1'">Tab 1</mz-tab-item>
  <mz-tab-item [label]="'Tab 2'">Tab 2</mz-tab-item>
  <mz-tab-item [label]="'Tab 3'">Tab 3</mz-tab-item>
</mz-tab>

我知道我可以在 mz-tab-item 标签中包含我的组件，但问题是路由不会改变 . 我希望有一个父组件，其中包含选项卡，然后是 router-outlet ，根据用户选择的选项卡进行更改 . 我已经使用另一个名为angular2-materialize的类似软件包工作了，但我真的更喜欢我正在使用的文档 . 我在考虑使用 this.location.go() 来解决我的路由问题，或者这只是不好的做法 . 有谁知道任何可能的'good'解决方案吗？我试图在不使用css的情况下这样做 .

angular tabs materialize angular-routing