rohu-na-fotbal-hřiště

Co Je Resolver?

abychom zajistili načtení určitých dat z API odpovědi před tím, než je trasa skutečně aktivována, používáme Resolvery trasy.

jinými slovy, před načtením komponenty předběžně načíst data pro konkrétní trasu.

Proč používat Resolver?

Předpokládejme, tam je případ, kdy v Úhlové aplikace, do složky, některé prvky jsou zobrazeny spontánně, ale ostatní komponenty jsou načteny po Pozorovatelné je přihlášen, úspěšně který může trvat nějaký čas k tomu, aby na UI. Zde se záchranáři dostanou k záchraně. Umožňují aplikacím načíst data nejprve z odpovědi API před načtením komponenty, což umožňuje navigaci na trase.

začněme implementovat Resolvery.

mohlo by se vám také líbit: Angular Observables and Promises-jak je používat.

Vytváření Resolver Service

  • Import Vyřešit rozhraní z @angular/router, který poskytuje vyřešit metodou, která zaručuje, nic to data, která je vrácena, je vyřešen.
  • Resolve() má dva parametry — trasa, která je ActivatedRouteSnapshot a státu, který je RouterStateSnapshot jako pod:

Resolve() rozhraní

Resolve() rozhraní
  • Resolve() metoda řeší pozorovatelný:

zaměstnanec.Řešitel.ts

zaměstnanec.Řešitel.ts

přidání resolveru do trasy

přidáváme resolver, zaměstnanec.vyřešit.ts, v našich trasách a metoda resolveru, která byla přidána do našeho resolveru, vrátí vyřešená data do klíče s názvem empData.

aplikace.modul.ts

aplikace.modul.ts

Přístup Vyřešen Údaje v naší EmployeeDetailsComponent

Vyřešen data lze přistupovat pomocí tlačítka definovanými v naší trasy pomocí ActivatedRoute je snímek objektu.

zaměstnanec-podrobnosti.součást.ts

employee-details.součást.ts

zobrazení vyřešených dat v HTML

podrobnosti o zaměstnancích.součást.html

employee-details.součást.html

a tak funguje resolver – zpřístupněte svá data dříve, než router začne pracovat a načtou se komponenty!

šťastné čtení!

další čtení

  • úhlový 8: Vše, co potřebujete vědět.
  • Full-Stack aplikace s úhlovou 8 a Web API: Část 1.
  • přihlaste se přes Facebook a Google pomocí úhlové 8.

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna.