Što je bootstrap router?
Paket `bootstrap` u Angularu implementira mogućnosti usmjerivača koje omogućuju navigaciju između prikaza aplikacije kada se promijeni URL. AngularJS korisnici će pronaći usmjeravanje u Angularu vrlo sličnom AngularJS usmjerivaču.
Međutim, jedna velika razlika je u tome što Angular koristi imenovane URL rute umjesto hash ruta. To znači da, umjesto upotrebe '#' u URL-u, Angular koristi '/' za označavanje početka rute. Na primjer, sljedeći je primjer URL-a za Angular usmjerivač koji koristi imenovane rute:
`https://www.example.com/home`
Ovaj bi URL vodio do komponente pod nazivom 'home' koja postoji u aplikaciji Angular.
Početak rada s Angular Routerom
Da biste započeli s Angular usmjerivačem, morat ćete uvesti `RouterModule` iz `@angular/router` modula. Tada ćete morati upotrijebiti metodu `RouterModule.forRoot()` da biste konfigurirali rute za svoju aplikaciju. Metoda `RouterModule.forRoot()` uzima niz objekata `Route`. Objekt `Route` ima sljedeća svojstva:
- staza :URL uzorak s kojim se ova ruta podudara.
- komponenta :Komponenta koju ova ruta treba učitati kada URL odgovara stazi.
- djeca :Niz podređenih ruta koje ova ruta može imati.
- canActivate :Niz stražara koji se moraju proći prije nego što se ruta može učitati.
Slijedi primjer jednostavne konfiguracije Angular usmjerivača:
```kucalopis
import { RouterModule, Routes } from '@angular/router';
const rute:Rute =[
{put:'home', komponenta:HomeComponent},
{put:'about', komponenta:AboutComponent},
];
@NgModule({
uvozi:[RouterModule.forRoot(routes)],
izvozi:[RouterModule]
})
izvoz klase AppRoutingModule { }
```
Ova konfiguracija definira dvije rute, jednu za home komponentu i jednu za about komponentu. Kada se URL podudara s putanjom rute, usmjerivač će učitati pridruženu komponentu.
Dodatne značajke kutne glodalice
Angular usmjerivač nudi nekoliko dodatnih značajki, uključujući:
- Lijeno učitavanje :Angular ruter se može koristiti za odgodno učitavanje komponenti, što znači da se učitavaju samo kada su potrebne. To može poboljšati izvedbu vaše aplikacije smanjenjem početnog vremena učitavanja.
- Čuvari :Čuvari su funkcije koje se mogu koristiti za sprječavanje učitavanja rute. To može biti korisno, na primjer, u svrhe provjere autentičnosti.
- Razrješivači :Resolveri su funkcije koje se mogu koristiti za dohvaćanje podataka prije nego što se ruta učita. Ovo može biti korisno za prethodno dohvaćanje podataka koji su potrebni komponenti.
- Putevi za djecu :Podređene rute su rute koje se mogu ugniježditi unutar drugih ruta. To može biti korisno za organiziranje vaše aplikacije u različite odjeljke.
- Parametri rute :Parametri rute mogu se koristiti za prijenos podataka između komponenti. Ovo može biti korisno za prosljeđivanje podataka komponenti koja se učitava rutom.
- Parametri upita :Parametri upita mogu se koristiti za prosljeđivanje podataka ruti. To može biti korisno za filtriranje podataka ili za prosljeđivanje podataka komponenti koja se učitava rutom.
Za više informacija o Angular routeru pogledajte službenu dokumentaciju.