什么时候在 Angular 中使用路由？

Question

我开始为每个 "main" 组件使用具有唯一 url 的路由来构建我的第一个 Angular 应用程序。但后来我发现了 material 并且真的很喜欢这些选项卡的作用。

当我可以像这样使用 mat-tab-group 呈现页面时，将 angular 路由与 Angular material 一起使用的优缺点是什么：

<mat-tab-group>
  <mat-tab label="First"> <app-comp1></app-comp1> </mat-tab>
  <mat-tab label="Second"> <app-comp2></app-comp2>  </mat-tab>
  <mat-tab label="Third"> <app-comp3></app-comp3>  </mat-tab>
</mat-tab-group>

在我的应用程序中，我不需要严格限制对不同组件视图的访问。

Answer 1

路由在 url 之外工作，并允许您通过单击 link 访问确定的组件层次结构。选项卡不能有路由的子状态。一旦您的应用程序变得更加复杂，一些组件路由就可以轻松地 link 从应用程序的一种状态切换到另一种状态，只需 link。如果没有路由，这几乎是不可能的。

如果您只需要选项卡上的三个组件，那么对于您的路由来说似乎有些过分，但您很快就会发现，如果比几个选项卡更复杂，您的应用程序将超越这一点。另外，您不能仅使用 url.

link 到某个选项卡

什么时候在 Angular 中使用路由？

When to use routing in Angular?

angular-routing

angular-material

angular