its*_*rde 3 tabs angular-material angular
我正在使用 Angular 材质创建选项卡组件。在查看文档时,我注意到有两种方法可以创建此组件: https: //material.angular.io/components/tabs/overview
一个选项需要路由,而另一个选项则不需要(我可以将组件作为指令嵌套在 mat-tab 内)。我可以使用任一选项获得相同的结果。
我不太明白在哪种情况下使用路由选项与非路由选项会更好。有人知道优点和缺点吗?
我不太明白在哪种情况下使用路由选项与非路由选项会更好。有人知道优点和缺点吗?
mat-tab-group当您希望用户在单个页面的内容之间进行切换时使用。
mat-tab-nav-bar当您需要具有类似选项卡样式的顶部导航时使用。当用户单击其中一个选项卡时,它将导航到另一条路线。例如,你有Home, About Us, Contact Us。
这是Material官方网站的直接引用:
while
<mat-tab-group>用于在单个路线内的视图之间切换,
<nav mat-tab-nav-bar>提供类似选项卡的 UI,用于在路线之间导航。