Kaj je zagonski usmerjevalnik?
Paket `bootstrap` v Angular implementira zmožnosti usmerjevalnika, ki omogočajo navigacijo med pogledi aplikacije, ko se URL spremeni. Uporabniki AngularJS bodo našli usmerjanje v Angularju zelo podobno usmerjevalniku AngularJS.
Vendar pa je ena velika razlika ta, da Angular uporablja poimenovane URL poti namesto zgoščenih poti. To pomeni, da Angular namesto '#' v URL-ju uporablja '/' za označevanje začetka poti. Sledi na primer primer URL-ja za usmerjevalnik Angular, ki uporablja imenovane poti:
`https://www.example.com/home`
Ta URL bi vodil do komponente, imenovane "home", ki obstaja v aplikaciji Angular.
Kako začeti z Angular Routerjem
Če želite začeti uporabljati usmerjevalnik Angular, boste morali uvoziti `RouterModule` iz modula `@angular/router`. Nato boste morali uporabiti metodo `RouterModule.forRoot()`, da konfigurirate poti za svojo aplikacijo. Metoda `RouterModule.forRoot()` sprejme matriko predmetov `Route`. Objekt `Route` ima naslednje lastnosti:
- pot :vzorec URL-ja, s katerim se ujema ta pot.
- komponenta :komponenta, ki naj bi jo ta pot naložila, ko se URL ujema s potjo.
- otroci :Niz podrejenih poti, ki jih lahko ima ta pot.
- canActivate :Niz varoval, ki jih je treba prehoditi, preden se lahko naloži pot.
Sledi primer preproste konfiguracije usmerjevalnika Angular:
''tipkopis
uvoz { RouterModule, Routes } iz '@angular/router';
const poti:Poti =[
{ pot:'home', komponenta:HomeComponent },
{pot:'about', komponenta:AboutComponent},
];
@NgModule({
uvozi:[RouterModule.forRoot(routes)],
izvozi:[RouterModule]
})
izvozni razred AppRoutingModule { }
```
Ta konfiguracija definira dve poti, eno za domačo komponento in eno za komponento about. Ko se URL ujema s potjo poti, bo usmerjevalnik naložil povezano komponento.
Dodatne funkcije Angular Router
Usmerjevalnik Angular ponuja več dodatnih funkcij, vključno z:
- Počasno nalaganje :Angular usmerjevalnik se lahko uporablja za leno nalaganje komponent, kar pomeni, da se naložijo le, ko so potrebne. To lahko izboljša delovanje vaše aplikacije s skrajšanjem začetnega časa nalaganja.
- Stražarji :Zaščite so funkcije, ki jih je mogoče uporabiti za preprečevanje nalaganja poti. To je lahko na primer uporabno za namene preverjanja pristnosti.
- Razreševalci :Resolverji so funkcije, ki jih je mogoče uporabiti za pridobivanje podatkov, preden se pot naloži. To je lahko uporabno za vnaprejšnje pridobivanje podatkov, ki jih potrebuje komponenta.
- Otroške poti :Podrejene poti so poti, ki jih je mogoče ugnezditi znotraj drugih poti. To je lahko koristno za organiziranje vaše aplikacije v različne razdelke.
- Parametri poti :Parametri poti se lahko uporabljajo za prenos podatkov med komponentami. To je lahko uporabno za posredovanje podatkov komponenti, ki jo nalaga pot.
- Parametri poizvedbe :Poizvedbene parametre je mogoče uporabiti za posredovanje podatkov poti. To je lahko uporabno za filtriranje podatkov ali za posredovanje podatkov komponenti, ki jo naloži pot.
Za več informacij o usmerjevalniku Angular si oglejte uradno dokumentacijo.