Introduktion till Angular 2 Cheat Sheet

Angular 2 är en öppen källkodsram som har byggts över JavaScript. Det har främst använts för att utveckla front-end webbapplikationer. Det är AngularJSs efterföljare. Det är skrivet i TypeScript. Det är utvecklat av Google. Angular 2 är byggt på modern JavaScript som använder ES6. Angular 2 har bättre möjligheter till hantering av evenemang, kraftfulla mallar, bättre stöd för mobila enheter och stationära webbapplikationer också. Det är också kompatibelt med mobila enheter och på alla plattformar som Windows, Mac och Linux.

Angular 2 har nyckelfunktioner för att utveckla applikationer som är komponenter, typskript och tjänster. Angular 2 har olika komponenter som är moduler, komponenter, mallar, metadata och service. Komponenter hjälper till att bygga in applikationer i många moduler och som hjälper till att underhålla applikationen under längre tid. Den olika uppsättningen kod har upprätthållits och använts av olika moduler av applikationer som tas om hand av servicefunktionen. Moduler hjälper till att dela applikationen till en logisk bit som kodades in för att utföra en viss uppgift.

Kommandon och innehåll på Angular 2 Cheat Sheet

Angular 2 cheat ark har omfattande bibliotek, skalbara, utdragbara, interaktiva och innehåller många inbyggda metoder för att beräkna vanliga operationer. Det finns olika syntax för mallar, NgModules, inbyggda direktiv, formulär och andra konfigurationer tillgängliga enligt nedan:

Mallsyntax BESKRIVNING
Det binder egenskapens 'värde' till uttrycksresultat 'namn'
Det binder attributet "roll" till uttrycksresultatet "min roll"
Det kommer att kalla metoden läst Text när klickhändelse utlöses.
Den binder fastigheten till en interpolerad sträng

Hej mitt namn))

Det binder sammanhanget till en interpolerad sträng
Det sätter upp tvåvägsbindningen.

…

* symbol förvandlar det aktuella elementet till en inbäddad temp.

Student: ((student? .Sname))

? är navigationsoperatör berättar att studentfältet är valfritt
Det binder stilegenskapens bredd för att uttrycka resultatstorlek.

Används för databindning och händelsebindande uttryck i mallen.

Bilnummer: ((vehicleNumber | myCarNuFormat))

Den omvandlar det aktuella värdet på fordonets nummer via röret mycarNuformat.
Det disambiguera elementet från en HTML-komponent
Det binder klassens närvaro till sanningsuttrycket.

NgModules: - De olika Ngmodule-direktiven är:

direktiven BESKRIVNING
@NgModule ((deklarationer ..))Den definierar en modul som innehåller direktiv etc.
deklarationer: (MyRedComponent, MyBlueComponent, MyDatePipe)Den kommer att berätta listan över komponenter, direktiv och rör som tillhör denna modul.
export: (MyRedComponent, MyDatePipe)Den kommer att lista över komponenter och rör som är synliga för att importera den här modulen
import: (BrowserModule, SomeOtherModule)Den kommer att lista över moduler som ska importeras till den här modulen
leverantörer: (MyService, (tillhandahålla: …))Den innehåller en lista över leverantörer av beroendeinjektioner som är synliga både för modulen
entryComponents: (SomeComponent, OtherComponent)Den kommer att tillhandahålla listan över komponenter som inte nämns i en tillgänglig mall.

Det finns andra direktiv och komponenter för att upptäcka komponenter och livscykelkrokar som kan implementeras som klassmetoder är nedan:

direktiven Beskrivning
konstruktör (myService: MyService, …) (…)Det används för att injicera beroenden.
ngOnChanges (ChangeRecord) (…)Det kallas efter varje ändring av inmatningsegenskaper och innan bearbetning av innehåll eller barnvyer
ngOnInit () (…)Det kallas efter konstruktör och initialiseringsegenskaper
ngDoCheck () (…)Det kallas varje gång egenskaper hos komponent eller direktiv kontrolleras. Den används för att förlänga för att utföra en tullkontroll.
ngAfterContentInit () (…)Det kallas efter ngOninit när komponenterna eller direktiven har initierats.
ngAfterContentChecked () (…)Det kallas efter varje kontroll av komponentens eller direktivets innehåll.
ngAfterViewInit () (…)Det kallas efter ngaftercontentint när komponentvisnings- och barnvisningsdirektivet har initierats.
ngAfterViewChecked () (…)Det kallas efter varje kontroll av komponentvyer och barnvisningar som direktivet redan finns i.
ngOnDestroy () (…)Det kallas en gång innan förstörelse av instansen.

Gratis tips och tricks för att använda Angular 2 Cheat Sheet-kommandon: -

  1. I Angular2 fuskark, platformBrowserDynamic (). BootstrapModule (AppModule); hjälper till att starta om applikationen genom att använda rotburk-komponenten från den angivna.
  2. I Angular2 kommer bootstrap: (MyAppComponent) en lista över komponenterna som ska startas upp när denna modul startas.
  3. detta är inbyggt i direktiv i angualr2 för att ta bort eller återskapa en del av Dom-trädet baserat på uttryck.
  4. det förvandlar listelementet och dess innehåll till mall och det används för att instansera en vy för varje objekt i listan.
  5. "ConditionExpres sion"> detta direktiv används för att välja mallar baserat på uttrycksvärdet eller i enkla ord som switch case i oops.
  6. , med dessa direktiv kan du tilldela stilar till ett HTML-element med hjälp av CSS och detta CSS kan vara direkt tillgängligt.
  7. detta direktiv binder CSS-klasserna på elementet till pålitliga kartvärden.
  8. detta direktiv ger tvåvägsbindning, parsing och validering för formkontroller.
  9. selector: '.cool-button: not (a)' detta är direktivkonfiguration som specificerar CSS-väljaren som identifierar detta direktiv i mallen. Det stöder inte valet av förälderbarn.
  10. pro viders: (MyService, (tillhandahålla: …)) den innehåller en lista över leverantörer av beroendeinjektioner för direktiv och barn.
  11. (tillhandahålla: MyService, useClass: MyMockService) det kommer att ställa in eller åsidosätta leverantören för service till klass.
  12. (tillhandahålla: Mitt värde, använd värde: 4) det kommer att ställa in eller åsidosätta leverantörsvärdet till 4

Slutsats - Angular 2 Cheat Sheet

Angular 2 cheat ark har många funktioner och olika direktiv, moduler finns tillgängliga för utveckling som hjälper till att göra applikationen mer interaktiv för användare och utvecklare att spåra problem och funktionalitet. Det är omfattande och återanvändbart för andra applikationer. Angular2 använder typskriptet som skiljer sig helt från AngularJS tidigare version.

Det vinklade 2 fuskarket är lättare att lära sig eftersom dess inlärningskurva är enkel och rak för nybörjare och för studenter också. Kunskapen om JavaScript skulle vara en fördel när man använder vinkel för utveckling. Det är alltid bra att sköta om oss själva.

Rekommenderade artiklar

Detta har varit en guide till Angular 2 Cheat-ark här som vi har diskuterat innehållet och kommandot samt gratis tips och tricks från Angular 2 Cheat Sheet. Du kan också titta på följande artikel för att lära dig mer -

  1. Fuskarkiv av UNIX
  2. Cheat Sheet HTML
  3. Cheat Sheet CCNA
  4. Fuskark JQuery

Kategori:

Verktyg för webbutveckling