angular - router.navigate 更改 URL，但不呈现组件

Question

而不是使用 <a href="/my-path/{{my_param}}"></a>在我的模板中，我愿意使用带参数的函数将我重定向到一个页面。

所以，这就是我在 .ts 文件中构建函数的方式:

redirectToChat(my_param){
    this.router.navigate(['./my-path/' + my_param ]);
}

以及我如何在我的模板中调用它:

 <div (click)="redirectToChat(my_param)">
    ...
</div>

它会更改 URL，但不会呈现组件。我在我的组件中导入了这个:

import { Router, ActivatedRoute, ParamMap } from '@angular/router';

我在构造函数中使用了它:private router: Router

你能帮我正确渲染组件吗？我还能如何使用函数将用户重定向到页面？

Answer 1

您正在混合导航(到组件)和通过 url 导航。您是否尝试过 navigateByUrl？

this.router.navigateByUrl('./my-path/' + my_param);