如何使页面的内容依赖于路由？

Question

我希望页面上的内容略有不同，或者只是不同的数据列表，具体取决于用户在上一页上单击的内容。因此，如果我有两个按钮：朋友和附近。我希望两个选项中的页面相同，但数据不同。像选项 1：朋友数据和选项 2：附近的数据。我不想为每个选项制作一个额外的页面，因为 html 内容几乎相同。我实际上不知道该怎么做。但是我在下面放了一些我如何想象逻辑的代码，因为我想用布尔值控制它。

if (route === friends.clicked) {
this.friends = true;
}
if (route === nearby.clicked) {
this.nearby = true;
}

Answer 1

您可以使用路由参数将 URL 中的数据从上一页(组件(传递到此页。在此页面组件的页面或 ngOnInit(( 中，您可以读取路由参数并显示相应的模板。

在角度文档中阅读有关路由参数的信息。

你也可以参考这个答案。