Viungo vya Routing katika Angular
Katika masomo yaliyopita tulikuwa tunakanda URL kwenye upau wa anuwa kwa mikono. Sasa tufanye viungo, ubofyo ambao utaonyesha vijenzi tofauti.
Ili kufanya hivyo tutatengeneza viungo kwa njia maalum. Jambo ni kwamba hatuitaji ubofyo wa kweli wa kiungo. Tunataka tu Angular ionyeshe kijenzi kingine, ibadilishe URL kwenye upau wa anuwa wa kivinjari na wakati huo huo usiporudisha ukurasa.
Kwa hivyo badala ya kiattribute asili href
tutatumia kiattribute cha Angular
RouterLink.
Ili kufanya hivyo tunahitaji kuuimport:
import { RouterLink } from '@angular/router';
Andika kwenye decorator:
@Component({
......
imports: [RouterOutlet, RouterLink],
......
})
Sasa tunaweza kutengeneza viungo vyetu:
<nav>
<a routerLink="/aaaa/">
Aaaa
</a>
<a routerLink="/bbbb/">
Bbbb
</a>
</nav>
Tengeneza viungo, vinavyobadilisha vijenzi vyako.
