Routing linkləri Angular-da
Əvvəlki dərslərdə biz URL-i ünvan sətrini əl ilə daxil edirdik. Gəlin indi keçid edildikdə müxtəlif komponentləri göstərən linkləri edək.
Bunun üçün biz linkləri xüsusi şəkildə edəcəyik. Məsələ ondadır ki, bizə həqiqi link keçidi lazım deyil. Biz sadəcə Angular-ın başqa komponenti göstərməsini, brauzerin ünvan sətrində URL-i dəyişməsini və eyni zamanda səhifəni yeniləməməsini istəyirik.
Buna görə də, doğma href atributu
əvəzinə biz Angular atributundan
istifadə edəcəyik
RouterLink.
Bunun üçün biz onu import etməliyik:
import { RouterLink } from '@angular/router';
Dekoratorda qeyd etmək:
@Component({
......
imports: [RouterOutlet, RouterLink],
......
})
İndi biz linklərimizi edə bilərik:
<nav>
<a routerLink="/aaaa/">
Aaaa
</a>
<a routerLink="/bbbb/">
Bbbb
</a>
</nav>
Komponentlərinizi dəyişdirən linkləri edın.
