在angular4中重新加载具有不同路径参数的组件

Question

我正在使用angular2路由.当用户在搜索字段中重新输入值并单击搜索时,需要重新加载相同的组件,但具有不同的路由参数.

<button (click)="onReload()">Search</button>

onReload() {
this.router.navigate(['results',this.location]);
}

这是我的ResultsComponent的路径路径

{ path:'results/:location', component:ResultsComponent}

此函数更改URL,但不会重新初始化组件.

在angularjs中,ui-router我可以像这样实现它.

$state.go($state.current, location, {reload: true});

我如何在angular4中执行此操作？

Answer 1

https://angular-2-training-book.rangle.io/handout/routing/routeparams.html

在您的组件中，您需要订阅参数才能检测它们是否发生更改。