网站链接使用相同的HTML，但请求不同的数据，如何最好地处理

Question

我有一个站点导航，它有多个链接，为数据设置一个参数，但使用相同的HTML视图

*我可以为每个链接制作不同的组件，但我觉得一定有更好的选择。

如果我使用param，我可以将每条路由设置为同一页，但使用不同的param，例如view:all或view:draft。

问题是ngOnInit((｛｝只运行一次，当路由随后更改时，地址会更新，但不会触发函数调用。*

对于如何处理这个与多个组件的关系，有什么建议吗？

Answer 1

订阅ngOnInit中可观察到的paramMap或queryParamMap(取决于传递参数的方式(，并从subscribe块中调用函数。

constructor(private route: ActivatedRoute) { }
ngOnInit() {
this.route.paramMap.subscribe(params => {
// Call function with params to update template
});
}