Angular 2 Materials Md-tab w / routing问题

时间:2016-07-26 17:48:21

标签: angularjs angular angular-routing

我正在尝试在角度2和爱材料设计的md-tab组件中创建基于选项卡的仪表板,但是在保留选项卡内容组中定义的持久路由时遇到问题。我粘贴的代码只是我的模拟,但理想情况下,如果我可以让人担心并且每个选项卡路由到不同的链接会很好,但我似乎无法找到一个有效的解决方案。任何帮助将不胜感激。

代码:

</md-toolbar>
<md-tab-group>
  <md-tab>
    <template md-tab-label>One</template>
    <template md-tab-content>
      <router-outlet></router-outlet>
    </template>
    <nav>
    <!--a routerLink="/dashboards" routerLinkActive="active">One</a-->
  </nav>
  </md-tab>
  <md-tab>
    <template md-tab-label>Two</template>
    <template md-tab-content>
      <h1>HELLO</h1>
      <router-outlet></router-outlet>
    </template>
  </md-tab>
  <md-tab>
    <template md-tab-label>Three</template>
  </md-tab>
  <md-tab>
    <template md-tab-label>Four</template>
  </md-tab>
  <md-tab>
    <template md-tab-label>Five</template>
  </md-tab>
</md-tab-group>
</md-sidenav-layout>

0 个答案:

没有答案