futiskentän kulmaresolverit

mikä on ratkaisija?

varmistaaksemme, että tietyt tiedot ladataan API-vastauksesta ennen kuin reitti todella aktivoituu, käytämme Reittiresolvereita.

toisin sanoen tietyn reitin tiedot on esikuvattava ennen komponentin lataamista.

Miksi käyttää Resolveria?

Oletetaan, että on olemassa tapaus, jossa kulmasovelluksessa osassa jotkin elementit näytetään spontaanisti, mutta muut komponentit ladataan havaittavan tilauksen onnistumisen jälkeen, mikä saattaa kestää jonkin aikaa tehdä käyttöliittymässä. Täällä resolverit tulevat apuun. Niiden avulla sovellukset voivat hakea tietoja ensin API-vastauksesta ennen komponentin lataamista, mikä mahdollistaa reittinavigoinnin.

aletaan toteuttaa Resolvereita.

Voit myös tykätä: kulmikkaista havainnoista ja lupauksista – miten niitä käytetään.

luodaan Resolveripalvelu

  • tuo Resolve-rajapinta @angular/router, joka tarjoaa resolve-menetelmän, jolla varmistetaan, että palautetut tiedot ratkaistaan.
  • Resolve() on kaksi parametria — reitti, joka on ActivatedRouteSnapshot ja tila, joka on RouterStateSnapshot kuten alla:

Resolve () - rajapinta

resolve() interface
  • the Resolve() method resolves an observable:

työntekijä.resolver.ts

työntekijä.resolver.ts

lisäämällä resolverin reitillä

lisäämme resolverin, työntekijän.ratkaista.ts, reiteillämme, ja resolveriimme lisätty resolve-menetelmä palauttaa selvitetyn datan avaimeen nimeltä empData.

app.moduuli.ts

app.moduuli.ts

selvitettyjen tietojen hakeminen Employeedetailscomponentissa

selvitettyjä tietoja voidaan käyttää reiteissämme määritellyllä avaimella aktivoidun Routen snapshot-objektin avulla.

työntekijä-tiedot.komponentti.ts

employee-details.komponentti.ts

selvitettyjen Tietojen näyttäminen HTML: ssä

employee-details.komponentti.html

employee-details.komponentti.html

ja näin resolveri toimii — Tee tietosi saataville ennen kuin reititin alkaa toimia ja komponentit latautuvat!

onnellista lukemista!

Jatkoluku

  • Kulmikas 8: All You Need to Know.
  • Full-Stack-sovellus kulmikkaalla 8 : lla ja Web API: Part 1: llä.
  • Kirjaudu Facebookiin ja Googleen käyttäen kulmikasta 8.

Vastaa

Sähköpostiosoitettasi ei julkaista.