Navigasi Berprogram dalam Angular
Beralih antara URL bukan sahaja boleh dilakukan menggunakan pautan, tetapi juga dalam kod JavaScript, menggunakan arahan khas.
Ini dilakukan menggunakan perkhidmatan Router.
Mari kita lihat bagaimana untuk menggunakannya. Untuk
permulaan, importnya:
import { Router } from "@angular/router";
Sekarang suntik ke dalam komponen menggunakan injeksi kebergantungan:
export class AppComponent {
constructor(private router: Router) {
}
}
Perkhidmatan ini mempunyai kaedah navigate,
yang pergi ke URL yang ditentukan.
Gunakan kaedah ini:
export class AppComponent {
constructor(private router: Router) {
}
go() {
this.router.navigate(['/aaaa/']);
}
}
Dan sekarang panggil kaedah go apabila ditekan
pada butang:
<button (click)="go()">btn</button>
Buat dua butang. Biarkan yang pertama membawa kepada satu URL, dan yang kedua - kepada yang lain.
