Predstavenie Angular 2 Cheat Sheet
Angular 2 je open-source framework, ktorý bol vytvorený pomocou JavaScriptu. Používa sa hlavne na vývoj front-end webových aplikácií. Je nástupcom spoločnosti AngularJS. Je napísaný v TypeScript. Je vyvinutý spoločnosťou Google. Angular 2 je postavený na modernom skripte JavaScript, ktorý používa ES6. Angular 2 má lepšie možnosti spracovania udalostí, výkonné šablóny, lepšiu podporu mobilných zariadení a webových aplikácií pre stolné počítače. Je tiež kompatibilný s mobilnými zariadeniami a na všetkých platformách ako Windows, Mac a Linux.
Angular 2 má kľúčové funkcie na vývoj aplikácií, ktoré sú komponenty, strojopis a služby. Uhlový 2 má rôzne komponenty, ktoré sú moduly, komponenty, šablóny, metadáta a služba. Komponenty pomáhajú pri zostavovaní aplikácie do mnohých modulov a ktoré pomáhajú pri udržiavaní aplikácie po dlhšiu dobu. Rôzna sada kódu bola udržiavaná a používaná rôznymi modulmi aplikácie, ktoré sú zabezpečené funkciou služby. Moduly pomáhajú pri rozdelení aplikácie na logický kúsok, ktorý sa kóduje na vykonanie určitej úlohy.
Príkazy a obsah na uhle 2 Cheat Sheet
Angular 2 cheat sheet má rozsiahlu knižnicu, škálovateľnú, rozšíriteľnú, interaktívnu a obsahuje mnoho vstavaných metód na výpočet bežných operácií. Nižšie je uvedená iná syntax pre šablóny, NgModules, vstavané smernice, formuláre a ďalšie konfigurácie:
Syntax šablóny | POPIS |
Väzba vlastnosti „value“ na výsledok výrazu „name“ | |
Väzba atribútu „role“ na výsledok výrazu „moja úloha“ | |
Keď sa spustí udalosť kliknutia, zavolá metódu čítanie textu. | |
Väzba vlastnosti na interpolovaný reťazec | |
Ahoj moje meno)) | Väzuje kontext na interpolovaný reťazec |
Nastavuje obojsmerné viazanie. | |
… | * symbol zmení aktuálny prvok na vloženú teplotu. |
Študent: ((student? .Sname)) | ? je operátor navigácie hovorí, že pole pre študentov je voliteľné |
Väzuje šírku vlastnosti štýlu na vyjadrenie výsledku mysize. | |
Používa sa na väzbu údajov a expresiu viazania udalostí v šablóne. | |
Č. Vozidla: ((číslo vozidla | myCarNuFormat)) | Transformuje aktuálnu hodnotu čísla vozidla pomocou potrubia mycarNuformat. |
Diskriminuje prvok z komponentu HTML | |
Väzuje prítomnosť triedy na vyjadrenie pravdy. |
NgModules: - Rôzne smernice Ngmodule sú:
smernice | POPIS |
@NgModule ((vyhlásenie ..)) | Definuje modul, ktorý obsahuje smernice atď. |
deklarácie: (MyRedComponent, MyBlueComponent, MyDatePipe) | Povie zoznam komponentov, smerníc a potrubí, ktoré patria do tohto modulu. |
export: (MyRedComponent, MyDatePipe) | Zobrazí zoznam komponentov a potrubí viditeľných pre import tohto modulu |
import: (BrowserModule, SomeOtherModule) | Zobrazí zoznam modulov na import do tohto modulu |
poskytovatelia: (MyService, (uveďte:…)) | Poskytuje zoznam poskytovateľov závislých injekcií viditeľných pre obsah modulu |
entryComponent: (SomeComponent, OtherComponent) | Poskytne zoznam komponentov, na ktoré sa neodkazuje v dostupnej šablóne. |
K dispozícii sú ďalšie smernice a háčiky na zisťovanie zmien komponentov a záchytné cykly, ktoré je možné implementovať ako metódy triedy:
smernice | popis |
konštruktor (myService: MyService, …) (…) | Používa sa na injekčné závislosti. |
ngOnChanges (changeRecord) (…) | Volá sa po každej zmene vstupných vlastností a pred spracovaním obsahu alebo podriadených zobrazení |
ngOnInit () (…) | Nazýva sa po konštruktore a inicializácii vlastností |
ngDoCheck () (…) | Nazýva sa zakaždým, keď sa kontrolujú vlastnosti komponentu alebo direktívy. Používa sa na rozšírenie na vykonanie colnej kontroly. |
ngAfterContentInit () (…) | Po inicializácii obsahu komponentov alebo direktív sa nazýva po ngOninit. |
ngAfterContentChecked () (…) | Vyvolá sa po každej kontrole obsahu komponentu alebo smernice. |
ngAfterViewInit () (…) | Volá sa po ngaftercontentint, keď bola inicializovaná smernica o zobrazení komponentov a detských názoroch. |
ngAfterViewChecked () (…) | Vyvolá sa po každej kontrole zobrazení komponentov a detských názorov, v ktorej sa už smernica nachádza. |
ngOnDestroy () (…) | Volá sa raz, pred zničením inštancie. |
Tipy a triky zadarmo s použitím príkazov Angular 2 Cheat Sheet: -
- V hárku Angular2, platformBrowserDynamic (). BootstrapModule (AppModule); pomáha pri zavádzaní aplikácií pomocou komponentu root can zo zadaného.
- V Angular2, bootstrap: (MyAppComponent) uvedie komponenty, ktoré sa majú bootstrap spustiť, keď je tento modul bootovaný.
- toto je zabudované v smernici v angualr2 na odstránenie alebo obnovenie časti Dom stromu na základe výrazu.
- otočí prvok zoznamu a jeho obsah na šablónu a používa sa na vytvorenie inštancie zobrazenia pre každú položku v zozname.
- „ConditionExpres sion“> táto smernica sa používa na výber šablón na základe hodnoty výrazu alebo jednoduchými slovami, ako je napríklad prepínač v oops.
- , tieto smernice vám umožňujú priraďovať štýly elementu HTML pomocou CSS a tento CSS môže byť priamo prístupný.
- táto smernica spája triedy CSS na prvku s dôveryhodnými mapovými hodnotami.
- táto smernica poskytuje obojsmerné záväzné, analytické a validačné kontroly formulárov.
- selector: '.cool-button: not (a)' Toto je konfigurácia direktívy, ktorá špecifikuje selektor CSS, ktorý identifikuje túto direktívu v šablóne. Nepodporuje výber rodičovského dieťaťa.
- Poskytovatelia: (MyService, (uveďte: …)) poskytuje zoznam poskytovateľov injekčných závislostí pre smernice a deti.
- (uveďte: MyService, useClass: MyMockService), nastaví alebo prepíše poskytovateľa služby do triedy.
- (uveďte: Moja hodnota, použite hodnotu: 4), nastaví alebo prepíše hodnotu poskytovateľa na 4
Záver - Angular 2 Cheat Sheet
Angular 2 cheat sheet má veľa funkcií a rôzne smernice, moduly sú k dispozícii pre vývoj, ktorý pomáha pri zvyšovaní interaktivity aplikácie pre používateľov a vývojárov na sledovanie problémov a funkčnosti. Je rozsiahly a opakovane použiteľný pre iné aplikácie. Angular2 používa strojopis, ktorý sa úplne líši od staršej verzie AngularJS.
Uhlová podvádzacia plachta s uhlom 2 sa ľahšie učí, pretože jej krivka učenia je jednoduchá a priama pre začiatočníkov aj pre študentov. Znalosť JavaScriptu by bola výhodou pri použití uhlového vývoja. Vždy je dobré rekvalifikovať sa.
Odporúčané články
To bol sprievodca Angular 2 Cheat sheet tu sme diskutovali o obsahu a príkazu, rovnako ako bezplatné tipy a triky Angular 2 Cheat Sheet. Viac informácií nájdete aj v nasledujúcom článku -
- Cheat sheet UNIX
- Cheat Sheet HTML
- Cheat Sheet CCNA
- Cheat sheet JQuery