Reittien määrittäminen
Hallinnoikaa Angular-sovellusten reittejä tehokkaasti.
Reittien määrittäminen on ilmainen Angular Academy-oppitunti CoddyKitissä. Tämä on oppitunti 1/3. Voit lukea tästä oppimispolusta kokonaan mitkä tahansa 3 oppituntia ilmaiseksi — sen jälkeen CoddyKit PRO avaa kaikki oppitunnit sekä käytännön harjoittelun sisäänrakennetulla koodieditorilla ja ympäri vuorokauden toimivalla tekoälytuutorilla. Oppitunti kuuluu Angular Academy-oppimispolkuun, ja edistymisesi synkronoituu verkon ja CoddyKit-sovelluksen välillä. Angular Academy-kurssilla on yhteensä 3 oppituntia.
Reittien määrittäminen Angularissa
Tässä oppitunnissa tutustutaan Angularin reititykseen eli tapaan siirtyä näkymien välillä ja hallita sovelluksen URL-osoitteita.
Mitä reititys on?
Reitityksen avulla voitte siirtyä Angular-sovelluksen eri komponenttien tai sivujen välillä URL-osoitteen perusteella.
Reititysmoduulin määrittäminen
Luokaa reititysmoduuli projektia aloittaessanne tai myöhemmin Angular CLI:n avulla:
ng generate module app-routing --flat --module=appReittien määrittäminen
Reitit määritellään komponentteihin yhdistettyjen polkujen taulukkona:
const routes: Routes = [
{ path: 'home', component: HomeComponent },
{ path: 'about', component: AboutComponent }
];Router Outlet
Käyttäkää <router-outlet></router-outlet>-elementtiä reitin perusteella täsmäytettyjen komponenttien dynaamiseen renderöintiin.
<router-outlet></router-outlet>Navigointi routerLinkillä
Siirtykää näkymien välillä käyttämällä routerLink-direktiiviä:
<a routerLink="/home">Home</a>Navigointi ohjelmallisesti
Voitte siirtyä näkymien välillä myös ohjelmallisesti Router-palvelun avulla:
this.router.navigate(['/home']);Jokerireitit
Käsitelkää määrittelemättömät polut jokerireittien avulla näyttääksenne mukautetun 404-sivun:
{ path: '**', component: PageNotFoundComponent }Yhteenveto
Ymmärrätte nyt reitityksen perusteet ja osaatte määrittää reittejä Angular-sovelluksissa tehokkaasti. Hienoa työtä!
Opi HTML tekoälytuutorin avulla — ilmaiseksi
Kirjoita ja suorita oikeaa koodia selaimessa, saa välitöntä apua tekoälytuutorilta ympäri vuorokauden ja jatka siitä, mihin jäit, verkossa tai sovelluksessa.
- Kurssit
- 38
- Oppitunnit
- 144
Usein kysytyt kysymykset
Onko oppitunti ”Reittien määrittäminen” ilmainen?
Kyllä — voit lukea täällä verkossa kokonaan ilmaiseksi mitkä tahansa Angular Academy-oppimispolun 3 oppituntia, myös oppitunnin “Reittien määrittäminen”. Sen jälkeen CoddyKit PRO avaa kaikki oppitunnit sekä interaktiiviset harjoitukset sisäänrakennetulla koodieditorilla ja ympäri vuorokauden toimivalla tekoälytuutorilla. Angular Academy-kurssilla on yhteensä 3 oppituntia.
Mitä opin oppitunnilla ”Reittien määrittäminen”?
Hallinnoikaa Angular-sovellusten reittejä tehokkaasti. Harjoittelet Angular Academy-aihetta koodilla, jonka suoritat suoraan selaimessa. Ympäri vuorokauden käytettävissä oleva tekoälytuutori vastaa kysymyksiisi oppitunnin aikana.
Tarvitsenko kokemusta aloittaakseni Angular Academy-opiskelun?
Aiempi kokemus ei ole tarpeen. CoddyKitin Angular Academy-oppimispolku sopii vasta-alkajista edistyneisiin, joten voit aloittaa tästä tai alusta ja edetä omaan tahtiisi. Tämä on oppitunti 1/3.
Kuinka kauan ”Reittien määrittäminen”-oppitunnin suorittaminen kestää?
Useimmat CoddyKitin oppitunnit kestävät noin 5–10 minuuttia. Jokainen oppitunti on lyhyt ja interaktiivinen, joten edistyt tasaisesti ja voit jatkaa siitä, mihin jäit – sekä verkossa että sovelluksessa.
Voinko kirjoittaa ja suorittaa koodia tällä Angular Academy-oppitunnilla?
Kyllä. Jokainen Angular Academy-oppitunti sisältää sisäänrakennetun koodieditorin, joten voit kirjoittaa ja suorittaa oikeaa koodia suoraan selaimessa ja saada välitöntä palautetta tekoälyltä – paikallista asennusta ei tarvita.
Kaikki tämän kurssin oppitunnit
- Reittien määrittäminen
- Reittivartijat
- Moduulien laiska lataus