如何将routerLinks与ng2-materialize标签一起使用?

时间:2017-10-23 20:00:14

标签: angular tabs materialize angular-routing

我正在使用名为ng2-materialize的角度4应用程序的软件包,因为materialize css版本在使用少量组件时也不起作用。

我想知道如何使用标签内的路由器链接让我的应用程序正常工作。 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()解决我的路由问题,或者这只是不好的做法。有谁知道任何可能的&#39;好&#39;这个解决方案?我试图在不使用css的情况下这样做。

0 个答案:

没有答案