Introduksjon til Angular 2 Cheat Sheet
Angular 2 er et open source-rammeverk som er bygget over JavaScript. Det har hovedsakelig blitt brukt til å utvikle front-end webapplikasjoner. Det er etterfølgeren til AngularJS. Det er skrevet i TypeScript. Den er utviklet av Google. Angular 2 er bygget på moderne JavaScript som bruker ES6. Angular 2 har bedre evnehåndteringsfunksjoner, kraftige maler, bedre støtte for mobile enheter og stasjonære webapplikasjoner også. Den er også kompatibel med mobile enheter og på tvers av alle plattformer som Windows, Mac og Linux.
Angular 2 har viktige funksjoner for å utvikle applikasjoner som er komponenter, typescript og tjenester. Angular 2 har forskjellige komponenter som er moduler, komponenter, maler, metadata og service. Komponenter hjelper med å bygge applikasjoner i mange moduler, og som hjelper med å vedlikeholde applikasjonen i lengre tid. Det forskjellige settet med kode har blitt opprettholdt og brukt av forskjellige applikasjonsmoduler tatt vare på av tjenestefunksjonen. Moduler hjelper til med å dele applikasjonen til et logisk stykke som ble kodet for å utføre en bestemt oppgave.
Kommandoer og innhold på Angular 2 Cheat Sheet
Angular 2 jukseark har omfattende bibliotek, skalerbart, utvidbart, interaktivt og inneholder mange innebygde metoder for å beregne vanlige operasjoner. Det er forskjellige syntaks for maler, NgModules, innebygde direktiver, skjemaer og andre konfigurasjoner tilgjengelig som nedenfor:
| Mal syntaks | BESKRIVELSE |
| Det binder egenskapen 'verdi' til uttrykk resultatet 'navn' | |
| Det binder attributtet 'rolle' til uttrykksresultatet 'min rolle' | |
| Den vil kalle metoden for å lese tekst, når klikkhendelse utløses. | |
| Den binder eiendommen til en interpolert streng | |
|
Hei jeg heter)) | Det binder konteksten til en interpolert streng |
| Den setter opp toveisbindingen. | |
|
… | * symbol gjør det gjeldende elementet om til en innebygd temp. |
|
Student: ((student? .Sname)) | ? er navigasjonsoperatør forteller at studentfeltet er valgfritt |
| Det binder stilegenskapens bredde for å uttrykke resultatstørrelse. | |
| Brukes til datainnbinding og hendelsesbindende uttrykk i malen. | |
|
Bilnummer: ((vehicleNumber | myCarNuFormat)) | Den transformerer gjeldende verdi på kjøretøynummeret via pipe mycarNuformat. |
| Det definerer elementet fra en HTML-komponent | |
| Det binder klassens nærvær på sannhetsuttrykket. |
NgModules: - De forskjellige Ngmodule-direktivene er:
| direktiver | BESKRIVELSE |
| @NgModule ((erklæringer ..)) | Den definerer en modul som inneholder direktiver m.m. |
| deklarasjoner: (MyRedComponent, MyBlueComponent, MyDatePipe) | Den vil fortelle listen over komponenter, direktiver og rør som tilhører denne modulen. |
| eksport: (MyRedComponent, MyDatePipe) | Den vil liste over komponenter og rør som er synlige for å importere denne modulen |
| import: (BrowserModule, SomeOtherModule) | Den vil liste over moduler som skal importeres til denne modulen |
| leverandører: (MyService, (leverer:…)) | Den inneholder listen over tilbydere avhengighetsinjeksjoner som er synlige både for innholdet i modulen |
| entryComponents: (SomeComponent, OtherComponent) | Den vil gi listen over komponenter som ikke er referert til i en tilgjengelig mal. |
Det er andre direktiver og deteksjons- og livssykluskroker for komponentendringer som kan implementeres ettersom klassemetoder er nedenfor:
| direktiver | Beskrivelse |
| konstruktør (myService: MyService, …) (…) | Det brukes til å injisere avhengigheter. |
| ngOnChanges (endreRecord) (…) | Det kalles etter hver endring av inputegenskaper og før behandling av innhold eller barnevisninger |
| ngOnInit () (…) | Det kalles etter konstruktør og initialiseringsegenskaper |
| ngDoCheck () (…) | Det kalles hver gang egenskapene til komponent eller direktiver er sjekket. Den brukes til å utvide for å utføre en tollkontroll. |
| ngAfterContentInit () (…) | Det kalles etter ngOninit når innholdet i komponenter eller direktiver er initialisert. |
| ngAfterContentChecked () (…) | Det kalles etter hver kontroll av innholdet i komponenten eller direktivet. |
| ngAfterViewInit () (…) | Det kalles etter ngaftercontentint når direktivet om komponentvisninger og barnevisninger er initialisert. |
| ngAfterViewChecked () (…) | Det kalles etter hver kontroll av komponentvisninger og barnevisninger som direktivet allerede er i. |
| ngOnDestroy () (…) | Det blir kalt en gang, før ødeleggelse av forekomsten. |
Gratis tips og triks for å bruke Angular 2 Cheat Sheet-kommandoer: -
- I Angular2 jukseark, platformBrowserDynamic (). BootstrapModule (AppModule); hjelper i bootstrapping av applikasjonen ved å bruke root can-komponenten fra den spesifiserte.
- I Angular2 viser bootstrap: (MyAppComponent) komponentene som skal startes når denne modulen startes opp.
- dette er bygget i direktiv i angualr2 for å fjerne eller gjenskape en del av Dom-treet basert på uttrykk.
- den forvandler listeelementet og innholdet til mal, og det blir brukt til å gi en oversikt for hvert element i listen.
- "ConditionExpresion"> dette direktivet brukes til å velge maler basert på uttrykksverdien eller i enkle ord som switch case i oops.
- , lar disse direktivene tilordne stiler til et HTML-element ved hjelp av CSS, og denne CSS kan være direkte tilgjengelig.
- dette direktivet binder CSS-klassene på elementet til pålitelige kartverdier.
- dette direktivet gir toveis binding, parsing og validering for skjemakontroller.
- selector: '.cool-button: not (a)' dette er direktivkonfigurasjon som spesifiserer CSS-velgeren som identifiserer dette direktivet i mal. Den støtter ikke valg av foreldrebarn.
- pro videre : (MyService, (leverer: …)) den inneholder listen over leverandører av avhengighetsinjeksjoner for direktiv og barn.
- (leverer: MyService, useClass: MyMockService) den vil angi eller overstyre leverandøren for tjeneste til klasse.
- (gi: Min verdi, bruk Verdi: 4) den vil sette eller overstyre leverandørens verdi til 4
Konklusjon - Angular 2 Cheat Sheet
Angular 2 jukseark har mange funksjoner og forskjellige direktiver, moduler er tilgjengelige for utvikling som hjelper med å gjøre applikasjonen mer interaktiv for bruker og utviklere å spore problemer og funksjonalitet. Den er omfattende og gjenbrukbar for andre applikasjoner. Angular2 bruker typeskriptet som er helt forskjellig fra AngularJS tidligere versjon.
Det kantete 2 juksearket er lettere å lære, da læringskurven er enkel og rett for nybegynnere og for studenter også. Kunnskapen om JavaScript ville være en fordel når du bruker vinkel for utvikling. Det er alltid godt å drepe oss selv på nytt.
Anbefalte artikler
Dette har vært en guide til Angular 2 Cheat ark her vi har diskutert innhold og kommando samt gratis tips og triks fra Angular 2 Cheat Sheet. Du kan også se på følgende artikkel for å lære mer -
- Fuskarket til UNIX
- Jukseark HTML
- Cheat Sheet CCNA
- Jukseark JQuery