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:

app/app.component.tsimport { Router } from "@angular/router";

Sekarang suntikkan ke dalam komponen menggunakan injeksi dependensi:

app/app.component.tsexport class AppComponent {
  constructor(private router: Router) {
  
  }
}

Layanan memiliki metode navigate, yang membawa ke URL yang ditentukan. Mari gunakan metode ini:

app/app.component.tsexport class AppComponent {
  constructor(private router: Router) {
  
  }
  
  go() {
    this.router.navigate(['/aaaa/']);
  }
}

Dan sekarang panggil metode go dengan menekan tombol:

app/app.component.html<button (click)="go()">btn</button>