angular - Angular 5，同一页面上的两个组件

Question

我想看看是否无论如何我可以看到另一个组件在我所在的页面上呈现。我有：

<button mat-button color="primary" [routerLink]="['/tripspath', trip.tripId]" style="cursor: pointer">View Route</button>

它导航到tripspath组件，并且在tripspath获取tripId时工作正常：

var id = this.route.snapshot.params['id'];

但问题是我不希望它导航到另一个页面。我希望它保持在同一页面上，并且只显示当前内容下方的（路线）框。

标签： angulartypescriptangular-ui-router

Answer 1

我猜您正在寻找一种显示嵌套路线的方法。检查下面的文章，它会帮助你。

https://codecraft.tv/courses/angular/routing/nested-routes/