Navigasi Pemrograman di Angular
Beralih ke URL tidak hanya dapat dilakukan dengan menggunakan tautan, tetapi juga di dalam kode JavaScript, dengan perintah khusus.
Ini dilakukan dengan menggunakan layanan Router.
Mari kita lihat cara menggunakannya. Untuk
awalnya, imporlah:
import { Router } from "@angular/router";
Sekarang suntikkan ke dalam komponen menggunakan injeksi dependensi:
export class AppComponent {
constructor(private router: Router) {
}
}
Layanan memiliki metode navigate,
yang membawa ke URL yang ditentukan.
Mari gunakan metode ini:
export class AppComponent {
constructor(private router: Router) {
}
go() {
this.router.navigate(['/aaaa/']);
}
}
Dan sekarang panggil metode go dengan menekan
tombol:
<button (click)="go()">btn</button>
Buatlah dua tombol. Biarkan yang pertama membawa ke satu URL, dan yang kedua - ke yang lain.
