Как обновить страницу с Get параметром через router?

Пожалуйста, подскажите:
Есть проект на Angular 2+, SPA.
Есть сущности, к каждой сущности привязаны комментарии.
Страница комментариев для каждой сущности имеет в роутере адрес /comment-list/123, где 123 - id сущности.
На этой же странице есть форма добавления комментариев, после добавления комментария предполагается обновление списка комментариев на странице.

Пытался сделать релоад через

this.commentService.createComment(this.comment).subscribe(data => {
    var id = Number.parseInt(activeRoute.snapshot.params["id"]);
    this.router.navigate(['/comment-list', id]);
});

и

this.commentService.createComment(this.comment).subscribe(data => {
    var id = Number.parseInt(activeRoute.snapshot.params["id"]);
    this.router.navigateByUrl("/comment-list/" + id)
});

Но либо адрес страницы не меняется, либо меняется, но не обновляется список комментариев (не появляется добавленный комментарий).
Пока использую window.location.reload(), но это как-то не по SPA'шному.

Адрес на роутере

const appRoutes: Routes = [
   ...
    { path: 'comment-list/:id', component: CommentListComponent },
  ...
];