Resolver

Célja, hogy adatokat gyűjtsön és készítsen elő egy útvonal vagy komponens számára, mielőtt az megjelenne. A resolverek gyakran használhatók aszinkron adatok előkészítésére (például egy API hívás eredményének beolvasása) egy komponens megjelenítése előtt.

Például,

ha egy részletes nézetet akarunk megjeleníteni egy termékről, de először be kell töltenünk az adatokat egy API-ból, akkor egy resolvert használhatunk az adatok előkészítésére.


Példa egy egyszerű guard-ra és resolver-re az útvonalak konfigurációjában:

const routes: Routes = [
  {
    path: 'product/:id',
    component: ProductDetailComponent,
    canActivate: [AuthGuard],
    resolve: { product: ProductResolver }
  }
];

Ebben a példában:

  • Az AuthGuard ellenőrzi, hogy a felhasználó megtekintheti-e a ProductDetailComponent-et.
  • A ProductResolver előkészíti a termék adatait (talán egy API hívásból) a komponens számára, mielőtt az megjelenik.

Ezeken az eszközökön keresztül az Angular lehetővé teszi, hogy finomra hangoljuk az útválasztási viselkedést és biztosítsuk, hogy minden szükséges állapot és adat rendelkezésre áll, mielőtt a felhasználó láthat egy adott nézetet vagy útvonalat.

Was this page helpful?