Angular 角度2:url更改后输入属性更改

Angular 角度2:url更改后输入属性更改,angular,Angular,我有一个问题,关于Angular2的建筑 基本上,我要做的是创建一个包含两个主视图的应用程序。第一个视图是索引视图,其中有一个搜索栏和一些过滤器 作为示例,我们假设有一个父组件和一个子组件,其中包含搜索栏和一个过滤器 我需要用URL填充子组件搜索栏和过滤器。所以我使用的是Input()属性 在父组件中,我订阅URL参数,并在URL更改时重新填充Input()属性。 在子组件中,我正在收听ngOnChanges以了解输入的更改。 另外,在子组件中,我将听取来自用户输入的更改。这些更改将导致发出事件

我有一个问题,关于Angular2的建筑

基本上,我要做的是创建一个包含两个主视图的应用程序。第一个视图是索引视图,其中有一个搜索栏和一些过滤器

作为示例,我们假设有一个父组件和一个子组件,其中包含搜索栏和一个过滤器

我需要用URL填充子组件搜索栏和过滤器。所以我使用的是Input()属性

在父组件中,我订阅URL参数,并在URL更改时重新填充Input()属性。 在子组件中,我正在收听ngOnChanges以了解输入的更改。 另外,在子组件中,我将听取来自用户输入的更改。这些更改将导致发出事件,并且父组件将更改url作为对这些事件的响应,因此输入属性将再次“更改”为其以前的值(基本上,我将导航到同一组件,url中有不同的queryparam)

这对我来说似乎很奇怪,但也许我错了,因为Angular 2对我来说是新的。你对如何构建一个应用程序有什么想法吗?这个应用程序需要具有输入属性的子组件来填充表单,并同时侦听URL更改和对这些输入属性的更改


无论我在哪里找到文章,他们似乎要么谈论路由器,要么谈论输入属性,但从来没有谈论两者。我想知道,没有人实现一个搜索应用程序,其结果和过滤器/方面以及需要在URL中作为参数显示在Angular 2中的值吗?:)在我看来,这是一个非常常见的用例。

非常不清楚,它在更改url时是否会更改任何内容?举例说明。嗨,罗曼,我明白我的问题听起来不清楚。我只是觉得很难描述我想做什么。当我有时间时,我将尝试在存储库中提供一个示例。