Angular-da Ýollary Ýöriteşdirmek üçin Salgylar

Öňki sapaklarda, URL-ni salgy setirine gol bilen ýazýardyk. Indi bolsa, geçilen wagtynda dürli komponentleri görkezjek salgylary dözelim.

Bunun üçin salgylary aýratyn usul bilen dözeris. Asyl mesele, biz hakyky salgy geçmegine zerurlyk ýok. Diňe Angularyň beýleki komponenti görkezmegini, brauzeriň salgy setirindäki URL-i üýtgetmegini we bu ýagdaýda sahypany täzelemegini isleýäris.

Şonuň üçin, dogrudan hem bolan href atributy ýerine, biz Angularyň RouterLink atributyny ulanarys.

Bunun üçin, ony import etmeli:

app/app.component.tsimport { RouterLink } from '@angular/router';

Dekoratora ýazmaly:

app/app.component.ts@Component({
  ......
  imports: [RouterOutlet, RouterLink],
  ......
})

Indi biz öz salgylarymyzy düzüp bilýäris:

app/app.component.html<nav>
  <a routerLink="/aaaa/">
    Aaaa
  </a>
  <a routerLink="/bbbb/">
    Bbbb
  </a>
</nav>