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

时间:2018-02-09 15:45:30

标签: typescript angular2-routing

我们在主屏幕上有选择过滤器,我们正在显示这个共同选择过滤器,包括3个级别,即所有路线上的国家,城市,娱乐,并且所有路线上的选择也需要相同。在初始加载时,它将在所有3个级别上全部选择。 这是好的,但最近我们添加了一个新的路线,它也使用相同的选择过滤器,但在这里我们希望始终选择第一个国家,并显示与其相关的城市,以及重新创建。但这不应该干扰在其他路线上对选择过滤器所做的选择。 此外,我们需要对Angular 2 HTML进行最小的更改。需要在打字稿中制作它们。 请注意,数据与我们从后端获取的相同数据需要不同的选择相同。 所以我们在所有显示器上都使用相同的HTML。请指导我如何做到这一点。它适用于HTML中的更改但代码变得太大而我们无法做到这一点。因此只需要在Typescript组件中执行此操作。我们为这些路线分离了组件。 是否可以使用在选择过滤器组件中编写的方法来进行上面提到的具有单独组件的新路由的html路由点击?

2 个答案:

答案 0 :(得分:0)

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

并根据此boolean

决定要做什么

<强> component.ts

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

<强> component.html

<... | filterSelector:currentRoute>

答案 1 :(得分:0)

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