Angular හි රූටින් සඳහා සබැඳි

පෙර පාඩම් වලදී, අපි අතින් URL ලිපින තීරුවේ ඇතුළත් කළා. දැන් අපි සබැඳි සාදමු, ඒවාට ගමන් කිරීමෙන් විවිධ සංරචක පෙන්වනු ඇත.

මෙය සඳහා අපි සබැඳි විශේෂ ආකාරයකින් සාදන්නෙමු. කාරණය නම්, අපට ඇත්ත සබැඳි හරහා ගමන් කිරීමක් අවශ්‍ය නැත. අපට අවශ්‍ය වන්නේ Angular වෙනත් සංරචකයක් පෙන්වන අතරම, බ්‍රව්සරයේ ලිපින තීරුවේ URL වෙනස් කර, පිටුව නැවුම් කිරීමෙන් වළකින ලෙසය.

එමනිසා ස්වභාවික ගුණාංගය href වෙනුවට අපි Angular හි ගුණාංගය RouterLink භාවිතා කරමු.

මෙය සඳහා අපි එය ආයාත කළ යුතුය:

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

විස්තරකයේ ප්‍රකාශ කරන්න:

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

දැන් අපට අපගේ සබැඳි සාදා ගත හැකිය:

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