如何使页面的内容取决于路线？

Question

我希望页面上的内容或数据列表上的内容略有不同，这取决于用户在上一页上单击的内容。因此，如果我有两个按钮：“朋友”和“附近”。我希望两个选项都具有相同的页面，但数据不同。就像选项1：朋友数据和选项2：附近的数据一样。我不想为每个选项都添加一个页面，因为html内容几乎相同。我实际上不知道该怎么做。但是，由于要使用布尔控件来控制它，因此在下面放置了一些我如何想象逻辑的代码。

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

Answer 1

您可以使用路由参数来传递此页面上一页（组件）中URL中的数据。在页面或该页面组件的ngOnInit（）中，您可以阅读路由参数并显示适当的模板。

了解路线参数here in the angular docs。

您也可以参考this answer。