Uvod u kutne listove 2
Angular 2 je okvir otvorenog koda koji je izgrađen preko JavaScript-a. Koristi se uglavnom za razvoj front-end web aplikacija. To je nasljednik AngularJS-a. Napisana je u TypeScriptu. Razvio ga je Google. Angular 2 izgrađen je na modernom JavaScript-u koji koristi ES6. Angular 2 ima bolje mogućnosti upravljanja događajima, moćne predloške, bolju podršku za mobilne uređaje i desktop web aplikacije. Kompatibilan je i s mobilnim uređajima i na svim platformama poput Windows, Mac i Linux.
Angular 2 ima ključne značajke za razvoj aplikacija koje su komponente, tipkopis i usluge. Angular 2 ima različite komponente koje su moduli, komponente, predloške, metapodaci i usluga. Komponente pomažu u izgradnji primjene u mnoge module i što pomaže u održavanju aplikacije dulje vrijeme. Različiti skup koda je održavan i korišten od strane različitih modula aplikacije o kojima se brine uslužna značajka. Moduli pomažu u razbijanju aplikacije na logički komad koji je kodiran za izvršavanje određenog zadatka.
Naredbe i sadržaj na kutnom listu 2
Angular 2 cheat sheet ima veliku biblioteku, skalabilan, proširiv, interaktivan i sadrži mnogo ugrađenih metoda za računanje uobičajenih operacija. Na raspolaganju su različite sintakse za predloške, NgModules, ugrađene direktive, obrasce i druge konfiguracije, kako slijedi:
Sintaksa predloška | OPIS |
Veže svojstvo "vrijednost" za rezultat rezultata "ime" | |
Veže atribut "uloga" za izraz rezultat "moja uloga" | |
Nazvat će metodu za čitanje teksta, kada se pokrene događaj klika. | |
Veže svojstvo na interpolirani niz | |
Bok moje ime)) | Veže kontekst na interpolirani niz |
Postavlja dvosmjerno vezivanje. | |
… | * simbol pretvara trenutni element u ugrađenu temp. |
Student: ((student?. Ime)) | ? je navigacijski operator kaže da je polje za studente izborno |
On veže širinu svojstva stila kako bi izrazio preinaku rezultata. | |
Koristi se za vezanje podataka i izraz vezanja događaja u predlošku. | |
Broj automobila: ((VehicleNumber | )) myCarNuFormat | Pretvara trenutnu vrijednost broja vozila putem cijevi mycarNuformat. |
Raspakuje element od HTML komponente | |
Ona veže prisustvo klase na izrazu istine. |
NgModules: - Različite Ngmodule direktive su:
direktive | OPIS |
@NgModule ((izjave ..)) | Definiše modul koji sadrži direktive itd. |
deklaracije: (MyRedComponent, MyBlueComponent, MyDatePipe) | U njemu će se naći popis sastavnih dijelova, direktiva i cijevi koje pripadaju ovom modulu. |
izvoz: (MyRedComponent, MyDatePipe) | Popisat će komponente i cijevi vidljive za uvoz ovog modula |
uvoz: (BrowserModule, SomeOtherModule) | Popisat će se moduli koje treba uvesti u ovaj modul |
davatelji usluga: (MyService, (provide:…)) | Pruža popis pružatelja usluga ubrizgavanja ovisnosti koji su vidljivi i za sadržaj modula |
entryComponents: (NekiComponent, OtherComponent) | Pružit će popis komponenti na koje se ne može pozivati u pristupačnom predlošku. |
Dostupne su i druge direktive i uređaji za otkrivanje promjena komponenti i kuke za životni ciklus koje se mogu primijeniti kao metode klase:
direktive | Opis |
konstruktor (myService: MyService, …) (…) | Koristi se za ubrizgavanje ovisnosti. |
ngOnPromjene (changeRecord) (…) | Zove se nakon svake promjene unosa svojstava i prije obrade sadržaja ili prikaza djece |
ngOnInit () (…) | Naziva se nakon konstruktora i inicijalizacijskih svojstava |
ngDoCheck () (…) | Zove se svaki put kada se provjere svojstva komponente ili direktive. Služi za produženje carinskog pregleda. |
ngAfterContentInit () (…) | Naziva se nakon ngOninit kada je sadržaj komponenti ili direktiva inicijaliziran. |
ngAfterContentChecked () (…) | Pozva se nakon svake provjere sadržaja komponente ili direktive. |
ngAfterViewInit () (…) | Naziva se nakon ngaftercontentint kada se inicijaliziraju smjernice pogleda i dječjih pogleda. |
ngAfterViewChecked () (…) | Zva se nakon svake provjere pogleda sastavnica i dječjih pogleda koji se već nalaze u direktivi. |
ngOnDestroy () (…) | Zove se jednom, prije nego što uništi instancu. |
Besplatni savjeti i trikovi pomoću naredbi Angular 2 Cheat Sheet: -
- Na Angular2 varalici, platformBrowserDynamic (). BootstrapModule (AppModule); pomaže u pokretanju aplikacije pomoću korijenske komponente iz navedenog.
- U Angular2, bootstrap: (MyAppComponent) navest će komponente za pokretanje kada se ovaj modul pokrene.
- ovo je ugrađeno u direktivu angualr2 za uklanjanje ili ponovno stvaranje dijela Dom stabla na temelju izraza.
- pretvara element popisa i njegov sadržaj u predložak i koristi se za izradu prikaza svake stavke na popisu.
- "ConditionExpress sion"> ova se direktiva koristi za odabir predložaka na temelju vrijednosti izraza ili jednostavnim riječima poput preklopničkog slučaja u oops.
- , ove direktive omogućuju vam dodjeljivanje stilova HTML elementu pomoću CSS-a, a tom CSS-u može biti izravno dostupan.
- ova direktiva veže CSS klase na element za pouzdanu vrijednost karte.
- ova direktiva osigurava dvosmjerno obvezujuće, raščlanjivanje i potvrđivanje za kontrole obrasca.
- selektor: '.cool-tipka: nije (a)' ovo je konfiguracija direktive koja određuje CSS selektor koji u predlošku identificira ovu direktivu. Ne podržava roditeljski odabir djeteta.
- pružatelji: (MyService, (provide:…)) pruža popis pružatelja usluga injekcije ovisnosti za direktive i djecu.
- (provide: MyService, useClass: MyMockService) postavljat će ili nadjačati davatelja usluge za klasu.
- (provide: Moja vrijednost, koristi Value: 4) postavit će ili nadjačati vrijednost davatelja usluge na 4
Zaključak - Kutna 2 varalica
Angular 2 cheat sheet sadrži mnoštvo značajki i različitih smjernica, dostupni su moduli za razvoj koji pomažu u tome da aplikacija postane interaktivnija za korisnike i programere za praćenje problema i funkcionalnosti. Opsežan je i može se ponovo upotrijebiti za ostale aplikacije. Angular2 koristi tipkopis koji se u potpunosti razlikuje od AngularJS prethodne verzije.
Kutni dvostruki list lakše je naučiti jer je njegova krivulja učenja jednostavna i ravna za početnike i studente. Poznavanje JavaScripta bilo bi prednost pri korištenju angular-a za razvoj. Uvijek je dobro ponovo se osloboditi.
Preporučeni članci
Ovo je vodič za Angular 2 Cheat sheet, ovdje smo razgovarali o sadržaju i naredbi, kao i besplatnim savjetima i trikovima Angular 2 Cheat Sheet. Možete pogledati i sljedeći članak da biste saznali više -
- Varalica UNIX-a
- Cheat Sheet HTML
- Sheet Sheet CCNA
- Prevara JQuery