Uvod v Angle 2 Cheat Sheet

Angular 2 je odprtokodni okvir, ki je bil zgrajen nad JavaScript. Uporablja se predvsem za razvoj naprednih spletnih aplikacij. Je naslednik podjetja AngularJS. Napisana je v TypeScript. Razvil ga je Google. Angular 2 je zgrajen na sodobnem JavaScriptu, ki uporablja ES6. Angular 2 ima boljše zmogljivosti za upravljanje dogodkov, močne predloge, boljšo podporo za mobilne naprave in namizne spletne aplikacije. Kompatibilen je tudi z mobilnimi napravami in na vseh platformah, kot so Windows, Mac in Linux.

Angular 2 ima ključne značilnosti za razvoj aplikacij, ki so komponente, tipkopis in storitve. Angular 2 ima različne komponente, ki so moduli, komponente, predloge, metapodatki in storitve. Komponente pomagajo pri gradnji aplikacij v več modulov in pomaga pri daljši vzdrževanju aplikacije. Različen nabor kode so vzdrževali in uporabljali različni moduli uporabe, za katere skrbijo storitvene lastnosti. Moduli pomagajo razbiti aplikacijo v logičen del, ki je kodiran za izvedbo določene naloge.

Ukazi in vsebina na Angle 2 Cheat Sheet

Kotna 2 varalnica ima obsežno knjižnico, ki jo je mogoče razširiti, razširiti, interaktivno in vsebuje veliko vgrajenih metod za izračun običajnih operacij. Za predloge, NgModules, vgrajene direktive, obrazce in druge konfiguracije, kot so spodaj, so na voljo različne skladnje:

Skladnja predloge OPIS
To lastnost 'value' veže na rezultat izraz 'name'
Vezi atribut "vloga" na rezultat izraza "moja vloga"
Ko se sproži dogodek klika, bo metoda prebrala Besedilo.
Lastnost veže na interpolirani niz

Zdravo, moje ime))

Kontekst veže na interpolirani niz
Vzpostavi obojestransko zavezujoče.

* simbol pretvori trenutni element v vdelano temp.

Študent: ((študent?. Ime))

? je navigacijski operater povedal, da je študentsko polje izbirno
Povezuje širino lastnosti sloga, da izrazi rezultat skrivanja.

Uporablja se za povezovanje podatkov in izraz vezave dogodkov v predlogi.

Avto št .: ((VehicleNumber | myCarNuFormat))

Preko cevi mycarNuformat transformira trenutno vrednost številke vozila.
Element razklopi od komponente HTML
Veže prisotnost razreda na izraz resnice.

NgModules: - različne Ngmodule direktive so:

Direktive OPIS
@NgModule ((izjave ..))Določa modul, ki vsebuje direktive itd.
izjave: (MyRedComponent, MyBlueComponent, MyDatePipe)Povedal bo seznam komponent, direktiv in cevi, ki pripadajo temu modulu.
izvoz: (MyRedComponent, MyDatePipe)Prikaže seznam komponent in cevi, ki so vidni za uvoz tega modula
uvoz: (BrowserModule, SomeOtherModule)Seznam modulov, ki jih je treba uvoziti v ta modul
ponudniki: (MyService, (provide:…))Ponuja seznam ponudnikov vbrizgavanja odvisnosti, ki so vidni tako vsebini modula
entryComponents: (SomeComponent, OtherComponent)Priskrbel bo seznam komponent, na katere ni mogoče omeniti v dosegljivi predlogi.

Na voljo so druge direktive in zaznave sprememb komponent in kljuke v življenjskem ciklu, ki jih je mogoče uporabiti, ker so metode spodaj navedene:

Direktive Opis
konstruktor (myService: MyService, …) (…)Uporablja se za injiciranje odvisnosti.
ngOnChanges (changeRecord) (…)Kliče se po vsaki spremembi vhodnih lastnosti in pred obdelavo vsebin ali nadrejenih pogledov
ngOnInit () (…)Imenuje se po konstruktorju in inicializira lastnosti
ngDoCheck () (…)Kliče se vsakič, ko se preverijo lastnosti komponente ali direktiv. Uporablja se za razširitev za opravljanje carinskega pregleda.
ngAfterContentInit () (…)Pokliče se po ngOninit, ko se inicializira vsebina komponent ali direktiv.
ngAfterContentChecked () (…)Pokliče se po vsakem preverjanju vsebine komponente ali direktive.
ngAfterViewInit () (…)Pokliče se po ngaftercontentint, ko je inicializirana direktiva o pogledih komponent in otroških pogledov.
ngAfterViewChecked () (…)Pokliče se po vsakem preverjanju pogledov komponent in otroških pogledov, v katerem je direktiva že vpisana.
ngOnDestroy () (…)Pokliče se enkrat, preden uniči primerek.

Brezplačni nasveti in triki za uporabo ukazov 2 uglatih listov:

  1. Na varalnem listu Angular2, platformBrowserDynamic (). BootstrapModule (AppModule); pomaga pri zagonu aplikacije, pri čemer uporablja komponenta root root iz podanih.
  2. V Angular2 bootstrap: (MyAppComponent) bo seznam komponent za zagon zagona, ko je ta modul zagnan.
  3. to je vgrajeno v direktivo angualr2 za odstranjevanje ali poustvarjanje dela Dom drevesa na podlagi izražanja.
  4. pretvori element seznama in njegovo vsebino v predlogo in ga uporabi za sprožitev pogleda za vsak element na seznamu.
  5. "ConditionExpres sion"> ta direktiva se uporablja za izbiro predlog na podlagi vrednosti izraza ali v preprostih besedah, kot je preklopna črka v oopsi.
  6. , te direktive omogočajo dodelitev slogov elementu HTML s pomočjo CSS in ta CSS je lahko neposredno dostopen.
  7. ta direktiva veže razrede CSS na elementu na vrednosti zaupanja vrednih zemljevidov.
  8. ta direktiva zagotavlja obojestransko zavezujoče, razčlenjevanje in potrjevanje za nadzor obrazcev.
  9. izbirnik: '.cool-button: not (a)' To je konfiguracija direktive, ki določa izbirnik CSS, ki identificira to direktivo v predlogi. Ne podpira izbirnika starševskih otrok.
  10. ponudniki: (MyService, (provide:…)) vsebuje seznam ponudnikov za vbrizgavanje odvisnosti za direktive in otroke.
  11. (podajte: MyService, useClass: MyMockService) bo ponudnika nastavil ali preglasil za storitve v razredu.
  12. (podajte: Moja vrednost, uporabite vrednost: 4), nastavite ali nadomestite vrednost ponudnika na 4

Zaključek - kotni 2 goljufija

Kotni 2 goljufijski list ima veliko funkcij in različnih direktiv, za razvoj so na voljo moduli, ki pomagajo, da bo aplikacija bolj interaktivna za uporabnike in razvijalce za sledenje težavam in funkcionalnosti. Je obsežen in ga je mogoče ponovno uporabiti za druge aplikacije. Angular2 uporablja tipkopis, ki se popolnoma razlikuje od prejšnje različice AngularJS.

Kotne 2 varalice je lažje naučiti, saj je njena krivulja učenja enostavna in ravna tako za začetnike kot tudi za študente. Poznavanje JavaScripta bi bilo prednost pri uporabi angularnega za razvoj. Vedno je dobro, da se reskill.

Priporočeni članki

To je vodnik za Angular 2 Cheat sheet, tukaj smo razpravljali o vsebini in ukazu ter brezplačnih nasvetih in trikih Angular 2 Cheat Sheet. Če želite izvedeti več, si oglejte tudi naslednji članek -

  1. Varalni list UNIX-a
  2. Cheat Sheet HTML
  3. Cheats Sheet CCNA
  4. Prevara JQuery