Чтобы установить маршрут для кнопки в Angular, вы можете использовать различные методы. Вот несколько часто используемых подходов:
-
Использование директивы RouterLink: Angular предоставляет директиву RouterLink, которая позволяет вам устанавливать маршрут непосредственно в элементе HTML. Вы можете применить его к элементу кнопки следующим образом:
<button routerLink="/destination">Go to Destination</button>При нажатии кнопки будет выполнен переход к указанному маршруту.
-
Использование метода 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']); } -
Использование метода 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'); }