Co je Angular 2?

K vytváření webových aplikací v HTML a JavaScript se používá framework JavaScript známý jako Angular 2, který vytvořila společnost Google. Při práci s jednostránkovými aplikacemi bylo možné pomocí Angular 2 překonat překážky, kterým čelíme.

Moduly v úhlu 2

V aplikaci jsou logické hranice sestaveny pomocí Angular 2. Funkcionality by mohly být rozděleny do různých modulů místo toho, aby se vše dalo do jedné aplikace. Níže jsou uvedeny některé části, z nichž je modul vyroben -

  • Pro přístup k funkcím v aplikaci jsou komponenty, které je třeba načíst, informovány Angular JS pomocí pole Bootstrap. Komponenta musí být deklarována v bootstrap matici, aby ji bylo možné v aplikaci Angular JS použít v jiných komponentách.
  • Trubky, deriváty, komponenty atd. Jsou exportovány prostřednictvím exportního pole pro použití v jiných modulech.
  • Z jiných modulů Angular JS lze funkčnost importovat pomocí importního pole.

Architektura úhlu 2

Anatomie aplikace Angular 2 je popsána na obrázku výše. Funkčnost aplikace je definována každou komponentou, která je logickou hranicí. Funkce mezi komponenty jsou sdíleny pomocí vrstvených služeb.

Komponenta je definována třídou, šablonou a metadaty. Vlastnosti a metody se skládají ze třídy. Funkčnost třídy je rozšířena a je zdobena pomocí metadat. Zobrazení HTML aplikace lze definovat pomocí šablony.

Tato aplikace má jeden kořenový modul a několik komponent, které oddělují funkčnost.

Podobně jako u modulu Root Angular má funkční modul několik komponent, které distribuují funkčnost.

V aplikaci Angular JS je logický kus kódu definován komponenty.

  • Vazba a deriváty jsou prováděny šablonou, která obsahuje HTML aplikace a vykresluje pohled na aplikaci.
  • Vlastnosti a metody jsou přítomny ve třídě, která podporuje pohled na aplikaci a je definována v TypeScript. Má název třídy, název vlastnosti, typ vlastnosti a hodnotu.
  • U dekoratérů je definována metadata, která obsahují další data.

Úhlové 2 funkce

Síla HTML je rozšířena pomocí vlastního prvku HTML známého jako direktiva. Směrnice v Angular 2 jsou ngif a ngFor.

  • Prvky jsou přidány do kódu HTML pomocí prvku ngif ve skutečných scénářích, ale nebyly by přidány, pokud by byly vyhodnoceny jako Falešné. Reprezentováno.

  • Na základě stavu smyčky for se použije prvek ngFor.

Vazba dat je jedním z rysů v Angular 2. Do vlastnosti třídy může být vlastnost HTML tagu bind.

V Angular 2 je zpracování chyb možností pro aplikace. Zahrnuta je knihovna zachycení ReactJS a je použita funkce zachycení. Níže je kód pro zpracování chyb.

Funkce popisovač chyb obsahuje odkaz funkce zachycení. Do konzoly je chyba odeslána funkcí obsluhy chyb. Po vyvolání chyby zpět do hlavního programu pokračuje provádění. Tím se chyba přesměruje na konzolu.

Uživatelé jsou přesměrováni na různé stránky pomocí funkce Směrování poté, co je z hlavní stránky vybrána možnost.

V tomto by mohla být data transformována pomocí několika filtrů a potrubí.

  • Převést na malá písmena.

  • Převést na velká písmena.

  • Ze vstupního řetězce by mohla být nakrájena část dat. Počáteční pozice řezu je posuzována počátkem a koncová poloha je označena koncem.

  • Vstupní řetězec lze pomocí funkce data převést do formátu data.

  • Do formátu měny je vstupní řetězec převeden pomocí funkce měny.

  • Do procentního formátu je vstupní řetězec převeden pomocí funkce procenta.

Vlastní dýmky lze vytvořit také pomocí Angular 2.

  • Název kanálu je definován názvem Pipename.
  • Vlastní třída potrubí je definována třídou Pipe.
  • Pro práci s trubkou se používá funkce transformace.
  • Do potrubí jsou parametry předávány parametry.
  • Typ návratu potrubí je definován typem návratu.

Životní cyklus úhlu 2

Od jejího zahájení až do konce aplikace má aplikace Angular 2 svůj životní cyklus.

Tento diagram znázorňuje celý životní cyklus Angular 2. Níže je uveden popis.

  • Změna hodnoty vlastnosti vázané na data je popsána metodou ngOnChanges.
  • Poté, co Angular zobrazí vlastnosti vázané na data, je během inicializace komponenty vyvolána metoda ngOnInit.
  • Když Angular sám nemohl detekovat změny, k detekci se použije ngDoCheck.
  • Pokud je pohled na komponentu promítán do úhlu, nazývá se ngAfterContentInit jako odpověď.
  • Jakmile je obsah, který je promítán, zkontrolován Angular, je ngAfterContentChecked volána jako odpověď.
  • Jakmile jsou pohledy komponenty a podřízené pohledy inicializovány pomocí Angular, je volána ngAfterInit.
  • Program ngAfterViewChecked je volán poté, co jsou úhly zkontrolovány komponenty a podřízené pohledy.
  • Před zničením směrnice nebo komponenty ze strany Angular se nazývají ničení nevládních organizací, což je fáze čištění.

Služby jsou další vlastností Angular 2, která se používá, když různé moduly potřebují společnou funkčnost. Mezi různými moduly by mohla být funkce databáze znovu použita. Funkčnost databáze by mohla být použita vytvořenou službou.

Proč potřebujeme Angular 2?

  • Úhel 2 poskytuje funkce, které pomáhají při ladění a porozumění kódu, zdokonaluje se také vývoj a zážitek z úprav.
  • Kódování se stává konzistentnější pomocí Angular 2.
  • Úhel 2 poskytuje rozsáhlé vazebné schopnosti. Jeho vlastnost vázání vlastností umožňuje ovládání DOM. Reakce na jakoukoli událost z pohledu by mohla být dosažena pomocí vazby události.
  • Plně vybavený směrovací systém poskytuje Angular 2.
  • Angular 2 má rozsáhlou dokumentaci a komunitní podporu, která poskytuje řešení téměř každého problému, kterému čelí.

Závěr

Angular 2 je jeden z nejvyhledávanějších frameworků pro vývoj webových aplikací a ten, který potřebujete k vytvoření další webové aplikace.

Doporučené články

Toto je průvodce Co je Angular 2 ?. Zde diskutujeme o úvodu, funkcích Moduly v Angular 2, Angular 2 a The Lifecycle of Angular 2. Další informace naleznete také v našich dalších doporučených článcích -

  1. Jak nainstalovat Angular 2?
  2. R Programovací jazyk
  3. Typy webových stránek
  4. Druhy webhostingu

Kategorie:

Vývoj softwaru