Методы установки маршрута для кнопки в Angular: RouterLink, router.navigate и router.navigateByUrl.

Чтобы установить маршрут для кнопки в Angular, вы можете использовать различные методы. Вот несколько часто используемых подходов:

  1. Использование директивы RouterLink: Angular предоставляет директиву RouterLink, которая позволяет вам устанавливать маршрут непосредственно в элементе HTML. Вы можете применить его к элементу кнопки следующим образом:

    <button routerLink="/destination">Go to Destination</button>

    При нажатии кнопки будет выполнен переход к указанному маршруту.

  2. Использование метода router.navigate. В классе компонента вы можете внедрить службу Router и использовать метод навигации для программного перехода к определенному маршруту при нажатии кнопки. Вот пример:

    <button (click)="goToDestination()">Go to Destination</button>
    import { Router } from '@angular/router';
    // ...
    constructor(private router: Router) {}
    goToDestination(): void {
    this.router.navigate(['/destination']);
    }
  3. Использование метода router.navigateByUrl. Как и в предыдущем методе, вы также можете использовать метод NavigationByUrl службы Router для перехода к маршруту, указанному URL-адресом. Вот пример:

    <button (click)="goToDestination()">Go to Destination</button>
    import { Router } from '@angular/router';
    // ...
    constructor(private router: Router) {}
    goToDestination(): void {
    this.router.navigateByUrl('/destination');
    }