当路线改变时，角度@输入值
当路线改变时，角度@输入值
提问于 2021-07-12 20:03:33
我使用的是Angular 8，我有两个组件:父亲和孩子。
当url参数改变时，父组件必须发送对象或字符串。
在父组件中，我编写了以下代码，它能够理解url是否已更改，并设置子组件的urlParam：
this.activatedRoute.queryParamMap.subscribe((paramMap: ParamMap) => {
this.urlParam = JSON.stringify(paramMap);
});父亲html：
<search [searchCriteriaForm]="searchCriteriaForm" [urlParam]="urlParam"></search>在子组件中，我放置了以下内容：
@Input() set urlParam(urlParam: string) {
console.log('The child has well received');
}当url改变时，我看到数据到达父组件，而不是子组件。
我已经注意到，当我加载页面时(第一次)，孩子可以很好地接收参数，但当我更改url时(不需要重新加载或刷新浏览器页面)，只有父亲能够看到。
回答 1
Stack Overflow用户
回答已采纳
发布于 2021-07-12 20:12:22
我建议在这种情况下采取被动反应，因为要准确定位问题有点困难。
import { BehaviorSubject } from 'rxjs';
// define this on field level
urlParam = new BehaviorSubject("");
//...
this.activatedRoute.queryParamMap.subscribe((paramMap: ParamMap) => {
this.urlParam.next(JSON.stringify(paramMap));
});html
<search [searchCriteriaForm]="searchCriteriaForm" [urlParam]="urlParam | async"></search>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/68347083
复制相关文章
相似问题
腾讯云开发者
