угловое перенаправление после отправки формы поиска

Question

Я работаю над веб-приложением SpringBoot и Angular 5, где у меня есть форма поиска в заголовке:

<div class="searchDiv float-right">
    <form (ngSubmit)="onsubmit()" >
      <input class="searchBtn searchBtnHeader" type="text" role="search" placeholder="Search..." title="search field">
      <button class="fa fa-search align-middle searchBtn searchIcone" type="submit" [routerLink]="['/search']"></button>
    </form>
</div>

Как я могу сделать перенаправление на более детальную страницу поиска (компонент) в Angular 5?

Answer 1

Программный маршрут от метода onsubmit ()

В классе

import { Router } from '@angular/router';

...
constructor(private router: Router) {}
...
onsubmit() {
      this.router.navigate(['/search']);
}

Answer 2

В вашем методе onsubmit() вы можете добавить программное перенаправление, как это

constructor(private router: Router) { }

onSubmit() {
  // some stuff
  this.router.navigate(['/search']);
}

Так что вам больше не нужен атрибут [routerLink] в кнопке отправки.

Чтобы получить полное руководство по перенаправлению Angular 5, ознакомьтесь с этим подробным руководством