Skakels vir roeteplan in Angular
In vorige lesse het ons die URL met die hand in die adresbalk ingetik. Laat ons nou skakels maak wat, wanneer daarop geklik word, verskillende komponente sal wys.
Om dit te doen, sal ons skakels op 'n spesiale manier maak. Die saak is dat ons nie 'n werklike oorgang na skakels nodig het nie. Ons wil net hé Angular moet 'n ander komponent wys, die URL in die blaaier se adresbalk verander en tog nie die bladsy verfris nie.
Dus, in plaas van die natuurlike kenmerk href
sal ons die Angular-kenmerk gebruik
RouterLink.
Om dit te doen, moet ons dit invoer:
import { RouterLink } from '@angular/router';
Voer dit in die dekorateur in:
@Component({
......
imports: [RouterOutlet, RouterLink],
......
})
Nou kan ons ons skakels maak:
<nav>
<a routerLink="/aaaa/">
Aaaa
</a>
<a routerLink="/bbbb/">
Bbbb
</a>
</nav>
Maak skakels wat jou komponente oorskakel.
