Inleiding tot Cheatsheet hoekig 2

Angular 2 is een open-source framework dat is gebouwd via JavaScript. Het is voornamelijk gebruikt voor het ontwikkelen van front-end webapplicaties. Het is de opvolger van AngularJS. Het is geschreven in TypeScript. Het is ontwikkeld door Google. Angular 2 is gebouwd op moderne JavaScript die ES6 gebruikt. Angular 2 heeft betere mogelijkheden voor gebeurtenisafhandeling, krachtige sjablonen, betere ondersteuning voor mobiele apparaten en desktopwebtoepassingen. Het is ook compatibel met mobiele apparaten en op alle platforms zoals Windows, Mac en Linux.

Angular 2 heeft belangrijke functies voor het ontwikkelen van applicaties die componenten, typoscript en services zijn. Angular 2 heeft verschillende componenten die modules, componenten, sjablonen, metadata en service zijn. Componenten helpen bij het inbouwen van applicaties in veel modules en die helpen bij het langer onderhouden van de applicatie. De verschillende codes zijn onderhouden en gebruikt door verschillende applicatiemodules, verzorgd door de servicefunctie. Modules helpen bij het opdelen van de applicatie in een logisch stuk dat codeerde om een ​​bepaalde taak uit te voeren.

Opdrachten en inhoud op Cheatsheet voor hoek 2

Het cheatsheet van Angular 2 heeft een uitgebreide bibliotheek, schaalbaar, uitbreidbaar, interactief en bevat veel ingebouwde methoden om veelgebruikte bewerkingen te berekenen. Er is verschillende syntaxis voor sjablonen, NgModules, ingebouwde richtlijnen, formulieren en andere configuraties beschikbaar zoals hieronder:

Sjabloon syntaxis BESCHRIJVING
Het bindt de eigenschap 'waarde' aan expressie resultaat 'naam'
Het bindt het attribuut 'rol' aan het uitdrukkingresultaat 'mijn rol'
Het roept de methode read text aan wanneer click event wordt geactiveerd.
Het bindt de eigenschap aan een geïnterpoleerde string

Hallo mijn naam))

Het bindt de context aan een geïnterpoleerde string
Het stelt de bidirectionele binding in.

* symbool verandert het huidige element in een embedded temp.

Student: ((student? .Sname))

? is navigatie-operator vertelt het studentveld optioneel is
Het bindt de stijleigenschapbreedte om resultaat mysize uit te drukken.

Wordt gebruikt voor gegevensbinding en expressie voor gebeurtenisbinding in de sjabloon.

Auto nr .: ((vehicleNumber | myCarNuFormat))

Het transformeert de huidige waarde van het voertuignummer via pijp mycarNuformat.
Het onderscheidt het element van een HTML-component
Het bindt de aanwezigheid van klasse aan de uitdrukking van de waarheid.

NgModules: - De verschillende Ngmodule-richtlijnen zijn:

richtlijnen BESCHRIJVING
@NgModule ((verklaringen ..))Het definieert een module die richtlijnen etc. bevat
verklaringen: (MyRedComponent, MyBlueComponent, MyDatePipe)Hierin staat de lijst met componenten, richtlijnen en pijpen die bij deze module horen.
exporteert: (MyRedComponent, MyDatePipe)Het zal een lijst weergeven van componenten en leidingen die zichtbaar zijn om deze module te importeren
invoer: (BrowserModule, SomeOtherModule)Het bevat een lijst met modules die in deze module kunnen worden geïmporteerd
providers: (MyService, (bieden:…))Het biedt de lijst met leveranciers van afhankelijkheidsinjectie die zichtbaar zijn voor zowel de inhoud van de module
entryComponents: (SomeComponent, OtherComponent)Het biedt de lijst met componenten waarnaar niet wordt verwezen in een bereikbaar sjabloon.

Er zijn andere richtlijnen en detectie van componentwijzigingen en lifecycle hooks beschikbaar die kunnen worden geïmplementeerd als klassemethoden hieronder zijn:

richtlijnen Beschrijving
constructor (myService: MyService, …) (…)Het wordt gebruikt om afhankelijkheden te injecteren.
ngOnChanges (changeRecord) (…)Het wordt na elke wijziging in invoereigenschappen en vóór het verwerken van inhoud of onderliggende weergaven genoemd
ngOnInit () (…)Het wordt vernoemd naar constructor en initialisatie-eigenschappen
ngDoCheck () (…)Het wordt elke keer aangeroepen wanneer eigenschappen van componenten of richtlijnen worden gecontroleerd. Het wordt gebruikt om uit te breiden voor het uitvoeren van een douanecontrole.
ngAfterContentInit () (…)Het wordt genoemd naar ngOninit wanneer de inhoud van de componenten of richtlijnen is geïnitialiseerd.
ngAfterContentChecked () (…)Het wordt genoemd na elke controle van de inhoud van de component of de richtlijn.
ngAfterViewInit () (…)Het wordt vernoemd naar ngaftercontentint wanneer de richtlijn voor component views en child views is geïnitialiseerd.
ngAfterViewChecked () (…)Het wordt opgeroepen na elke controle van componentweergaven en onderliggende weergaven waarin die richtlijn zich al bevindt.
ngOnDestroy () (…)Het wordt een keer genoemd, voordat het exemplaar wordt vernietigd.

Gratis tips en trucs voor het gebruik van Angular 2 Cheat Sheet-opdrachten: -

  1. In cheatsheet Angular2, platformBrowserDynamic (). BootstrapModule (AppModule); helpt bij het bootstrappen van de applicatie, met behulp van de root can-component van de opgegeven.
  2. In Angular2 toont bootstrap: (MyAppComponent) de componenten die moeten worden opgestart wanneer deze module wordt opgestart.
  3. dit is gebouwd in de richtlijn in angualr2 om een ​​deel van de Dom-boom te verwijderen of opnieuw te maken op basis van expressie.
  4. het verandert het lijstelement en de inhoud ervan in sjabloon en het wordt gebruikt om een ​​weergave te instantiëren voor elk item in de lijst.
  5. "ConditionExpres sion"> deze richtlijn wordt gebruikt voor het selecteren van de sjablonen op basis van de expressiewaarde of in eenvoudige woorden zoals een hoofdlettergebruik in oeps.
  6. , met deze richtlijnen kunt u stijlen toewijzen aan een HTML-element met behulp van CSS en deze CSS kan direct toegankelijk zijn.
  7. deze richtlijn verbindt de CSS-klassen van het element met vertrouwde kaartwaarden.
  8. deze richtlijn biedt tweezijdige binding, parsing en validatie voor formulierbesturing.
  9. selector: '.cool-button: not (a)' dit is een richtlijnconfiguratie die de CSS-selector specificeert die deze richtlijn in een sjabloon identificeert. Het ondersteunt geen ouderkiezer.
  10. pro viders: (MyService, (bieden:…)) het biedt de lijst met leveranciers van afhankelijkheidsinjectie voor richtlijnen en kinderen.
  11. (bieden: MyService, useClass: MyMockService) het zal de provider instellen of vervangen voor service naar klasse.
  12. (geef op: Mijn waarde, gebruik Waarde: 4) het zal de providerwaarde op 4 zetten of overschrijven

Conclusie - Cheatsheet voor hoek 2

Het cheatsheet van Angular 2 heeft veel functies en verschillende richtlijnen, er zijn modules beschikbaar voor ontwikkeling die helpen bij het interactiever maken van de applicatie voor gebruikers en ontwikkelaars om problemen en functionaliteit te volgen. Het is uitgebreid en herbruikbaar voor andere toepassingen. Angular2 gebruikt het typoscript dat volledig verschilt van de eerdere versie van AngularJS.

Het cheatsheet van hoekig 2 is gemakkelijker te leren, omdat de leercurve eenvoudig en duidelijk is voor beginners en ook voor studenten. De kennis van JavaScript zou een voordeel zijn bij het gebruik van hoekig voor ontwikkeling. Het is altijd goed om onszelf te doden.

Aanbevolen artikelen

Dit is een handleiding voor Cheatsheet van Angular 2 geweest. We hebben de inhoud en het commando besproken, evenals gratis tips en trucs van Cheatsheet van Angular 2. U kunt ook het volgende artikel bekijken voor meer informatie -

  1. Het spiekbriefje van UNIX
  2. Cheatsheet HTML
  3. Cheatsheet CCNA
  4. Cheatsheet JQuery