Angular-da Routing uchun Havolalar
Oldingi darslarda biz URL manzilni qo'lda brauzer manzillar satriga kiritardik. Keling endi havolalar yarataylik, ularga bosilganda turli komponentlar ko'rsatilsin.
Buning uchun biz havolalarni alohida usulda yaratamiz. Gap shundaki, bizga haqiqiy havola o'tish kerak emas. Biz shunchaki Angular boshqa komponentni ko'rsatsin, brauzer manzillar satridagi URL o'zgarisin va sahifa yangilanmasin xohlaymiz.
Shuning uchun oddiy href atributi o'rniga
biz Angularning RouterLink atributidan
foydalanamiz.
Buning uchun biz uni import qilishimiz kerak:
import { RouterLink } from '@angular/router';
Dekoratorda ko'rsatish:
@Component({
......
imports: [RouterOutlet, RouterLink],
......
})
Endi biz havolalarimizni yaratishimiz mumkin:
<nav>
<a routerLink="/aaaa/">
Aaaa
</a>
<a routerLink="/bbbb/">
Bbbb
</a>
</nav>
Komponentlaringizni almashtiradigan havolalar yarating.
