Introduktion til Angular 2 Cheat Sheet
Angular 2 er en open-source ramme, der er bygget over JavaScript. Det er hovedsageligt brugt til udvikling af front-end webapplikationer. Det er efterfølgeren til AngularJS. Det er skrevet i TypeScript. Det er udviklet af Google. Angular 2 er bygget på moderne JavaScript, der bruger ES6. Angular 2 har også bedre begivenhedshåndteringsfunktioner, kraftfulde skabeloner, bedre understøttelse af mobile enheder og desktop-webapplikationer. Det er også kompatibelt med mobile enheder og på tværs af alle platforme som Windows, Mac og Linux.
Angular 2 har nøglefunktioner til at udvikle applikationer, der er komponenter, typeskrift og tjenester. Angular 2 har forskellige komponenter, der er moduler, komponenter, skabeloner, metadata og service. Komponenter hjælper med at opbygge applikation i mange moduler, og som hjælper med at vedligeholde applikationen i længere tid. Det forskellige sæt koder er blevet vedligeholdt og brugt af forskellige applikationsmoduler, der er taget pleje af servicefunktionen. Moduler hjælper med at opdele applikationen i et logisk stykke, der er kodet for at udføre en bestemt opgave.
Kommandoer og indhold på Angular 2 Cheat Sheet
Angular 2 snyderark har omfattende bibliotek, skalerbart, udvides, interaktivt og indeholder mange indbyggede metoder til beregning af fælles operationer. Der er forskellige syntaks for skabeloner, NgModules, indbyggede direktiver, formularer og andre konfigurationer tilgængelige som nedenfor:
| Skabelonsyntax | BESKRIVELSE |
| Det binder egenskaben 'værdi' til udtryksresultatet 'navn' | |
| Det binder attributten 'rolle' til udtryksresultatet 'min rolle' | |
| Den kalder metoden læst Tekst, når klikhændelse udløses. | |
| Det binder egenskaben til en interpoleret streng | |
|
Hej mit navn)) | Det binder konteksten til en interpoleret streng |
| Det opretter tovejsforbindelsen. | |
|
… | * symbol forvandler det aktuelle element til en indlejret temp. |
|
Student: ((student? .Sname)) | ? er navigationsoperatør fortæller, at elevfeltet er valgfrit |
| Det binder stilegenskabets bredde til at udtrykke resultatstørrelse. | |
| Bruges til databinding og begivenhedsbinding i skabelonen. | |
|
Bilnummer: ((vehicleNumber | myCarNuFormat)) | Det omdanner den aktuelle værdi af køretøjsnummeret via røret mycarNuformat. |
| Det disambiguer elementet fra en HTML-komponent | |
| Det binder klassens tilstedeværelse på sandhedsudtrykket. |
NgModules: - De forskellige Ngmodule-direktiver er:
| direktiver | BESKRIVELSE |
| @NgModule ((erklæringer ..)) | Det definerer et modul, der indeholder direktiver osv. |
| deklarationer: (MyRedComponent, MyBlueComponent, MyDatePipe) | Det fortæller listen over komponenter, direktiver og rør, der hører til dette modul. |
| eksport: (MyRedComponent, MyDatePipe) | Det viser en liste over komponenter og rør, der er synlige for at importere dette modul |
| import: (BrowserModule, SomeOtherModule) | Det vil liste over moduler, der skal importeres til dette modul |
| udbydere: (MyService, (leverer:…)) | Det indeholder listen over udbydere af afhængighedsinjektion, der er synlige både for modulets indhold |
| entryComponents: (SomeComponent, OtherComponent) | Det giver listen over komponenter, der ikke er henvist til i en tilgængelig skabelon. |
Der er andre direktiver og komponenter til ændring af komponenter og livscyklus til rådighed, som kan implementeres, da klassemetoder er nedenfor:
| direktiver | Beskrivelse |
| konstruktør (myService: MyService, …) (…) | Det bruges til at injicere afhængigheder. |
| ngOnChanges (ændringRecord) (…) | Det kaldes efter hver ændring af inputegenskaber og før behandling af indhold eller underordnede visninger |
| ngOnInit () (…) | Det kaldes efter konstruktør- og initialiseringsegenskaber |
| ngDoCheck () (…) | Det kaldes hver gang, når egenskaber ved komponent eller direktiver kontrolleres. Det bruges til at udvide til udførelse af en toldkontrol. |
| ngAfterContentInit () (…) | Det kaldes efter ngOninit, når indholdet af komponenter eller direktiver er initialiseret. |
| ngAfterContentChecked () (…) | Det kaldes efter hver kontrol af komponentens eller direktivets indhold. |
| ngAfterViewInit () (…) | Det kaldes efter ngaftercontentint, når direktivet om komponentvisninger og barnevisninger er blevet initialiseret. |
| ngAfterViewChecked () (…) | Det kaldes efter hver kontrol af komponentvisninger og børnes synspunkter, som direktivet allerede er i. |
| ngOnDestroy () (…) | Det kaldes en gang, før ødelæggelsen af instansen. |
Gratis tip og tricks ved brug af Angular 2 Cheat Sheet-kommandoer: -
- I Angular2 snyderark, platformBrowserDynamic (). BootstrapModule (AppModule); hjælper med bootstrapping af applikationen ved hjælp af root can-komponenten fra den specificerede.
- I Angular2 viser bootstrap: (MyAppComponent) de komponenter, der skal startstrap, når dette modul startstrappes.
- dette er bygget i direktiv i angualr2 for at fjerne eller genskabe en del af Dom-træet baseret på udtryk.
- det vender listeelementet og dets indhold til skabelon, og det bruges til at instantisere en visning for hvert element på listen.
- “ConditionExpres sion”> dette direktiv bruges til at vælge skabeloner baseret på udtrykværdien eller i enkle ord som switch case i oops.
- , giver disse direktiver dig mulighed for at tildele stilarter til et HTML-element ved hjælp af CSS, og denne CSS kan være direkte tilgængelig.
- dette direktiv binder CSS-klasser på elementet til pålidelige kortværdier.
- dette direktiv giver tovejs binding, parsing og validering til formkontroller.
- selector: '.cool-button: not (a)' dette er direktivkonfiguration, der specificerer CSS-vælgeren, der identificerer dette direktiv i skabelonen. Det understøtter ikke valg af forældrebarn.
- pro videre : (MyService, (give: …)) det indeholder listen over udbydere af afhængighedsinjektion til direktiv og børn.
- (give: MyService, useClass: MyMockService) det indstiller eller tilsidesætter udbyderen for service til klasse.
- (give: Min værdi, brug værdi: 4) den indstiller eller tilsidesætter udbyderens værdi til 4
Konklusion - Angular 2 Cheat Sheet
Angular 2 snyderi har mange funktioner og forskellige direktiver, moduler er tilgængelige til udvikling, der hjælper med at gøre applikationen mere interaktiv for bruger og udviklere til at spore problemer og funktionalitet. Det er omfattende og genanvendeligt til andre applikationer. Angular2 bruger typeskriptet, som er helt anderledes end AngularJS tidligere version.
Det kantede 2 snyderi er lettere at lære, da dets læringskurve er enkelt og lige både for begyndere og for studerende. Kendskabet til JavaScript ville være en fordel, når man bruger vinkel til udvikling. Det er altid godt at omskolere os selv.
Anbefalede artikler
Dette har været en guide til Angular 2 Cheat ark her, vi har diskuteret indhold og kommando samt gratis tip og tricks fra Angular 2 Cheat Sheet. Du kan også se på den følgende artikel for at lære mere -
- Snyderarket fra UNIX
- Cheat Sheet HTML
- Snyderi CCNA
- Snyderark JQuery