Điều hướng theo chương trình trong Angular

Chuyển đổi giữa các URL không chỉ có thể thực hiện bằng liên kết, mà còn có thể thực hiện bên trong mã JavaScript, bằng các lệnh đặc biệt.

Điều này được thực hiện thông qua dịch vụ Router. Hãy xem cách làm việc với nó. Đầu tiên, hãy import nó:

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

Bây giờ hãy inject nó vào component thông qua dependency injection:

export class AppComponent {
	constructor(private router: Router) {

	}
}

Dịch vụ có phương thức navigate, phương thức này chuyển đến một URL đã chỉ định. Hãy sử dụng phương thức này:

export class AppComponent {
	constructor(private router: Router) {

	}

	go() {
		this.router.navigate(['/aaaa/']);
	}
}

Và bây giờ hãy gọi phương thức go khi nhấp vào nút:

<button (click)="go()">btn</button>

Tạo hai nút. Hãy để nút thứ nhất chuyển hướng đến một URL, và nút thứ hai - đến URL khác.