在具有相同数据但不同选择的多条路线上使用相同的选择过滤器

Question

我们在主屏幕上有选择过滤器，我们正在显示这个常见的 selection 过滤器，包括 3 个级别，即所有路线上的国家、城市、娱乐场所，selection 也需要在所有路线上都一样。在初始加载时，所有 3 个级别都将是 select。到这里为止还不错，但最近我们添加了一条新路线，它也使用相同的 selection 过滤器，但在这里我们希望第一个国家始终 selected 并显示与其相关的城市等等娱乐活动。但这不应干扰在其他路线上的 [=17=] 离子过滤器上产生的 select 离子。我们还需要对 Angular 2 HTML 进行最小的更改。需要主要用打字稿来制作它们。请注意，数据是相同的，只是 selection 需要在我们从后端获取的相同数据上有所不同。所以我们对所有显示使用相同的 HTML。请指导我如何做到这一点。它适用于 HTML 中的更改，但代码变得太大，我们无法做到这一点。所以只需要在 Typescript 组件中进行。我们为这些路线提供了单独的组件。是否可以使用在 Selection Filter 组件中编写的方法来点击我上面提到的新路由的 html 路由，它有自己的单独组件？

Answer 1

如何使用 currentRoute boolean 并将其发送到 filter

并据此决定必须做什么boolean

component.ts

currentRoute: boolean = false;
ngOnInit() {
  this.currentRoute = /** check for the route**/;
}

component.html

<... | filterSelector:currentRoute>

Answer 2

为此添加了一个新的父组件，所以现在我们有 2 个父组件并使用适用于当前路由的那个...谢谢大家的帮助

在具有相同数据但不同选择的多条路线上使用相同的选择过滤器

Using same Selelction Filter on multiple routes with same data but differing selections

typescript

angular2-routing