Sissejuhatus nurga 2 petmislehele

Nurk 2 on avatud lähtekoodiga raamistik, mis on ehitatud JavaScripti kohale. Seda on kasutatud peamiselt esiotsa veebirakenduste arendamisel. See on AngularJS järglane. See on kirjutatud TypeScriptis. Selle on välja töötanud Google. Nurk 2 on üles ehitatud kaasaegsele JavaScriptile, mis kasutab ES6. Nurgal 2 on paremad sündmuste käsitlemise võimalused, võimsad mallid, parem toetus ka mobiilseadmetele ja lauaarvuti veebirakendustele. See ühildub ka mobiilseadmetega ja kõigil platvormidel nagu Windows, Mac ja Linux.

Nurgal 2 on põhifunktsioonid komponentide, masinakirja ja teenuste rakenduste arendamiseks. Nurgal 2 on erinevad komponendid, mis on moodulid, komponendid, mallid, metaandmed ja teenus. Komponendid aitavad moodustada rakendust paljudesse moodulitesse ja see aitab rakendust pikemat aega säilitada. Erinevat koodikomplekti on hooldatud ja kasutatud erinevates rakendusmoodulites, hoolitsedes teenusefunktsiooni järgi. Moodulid aitavad jagada rakenduse loogiliseks tükiks, mis kodeeritakse konkreetse ülesande täitmiseks.

Käsud ja sisu nurga 2 petmislehel

Nurga 2 petmislehel on ulatuslik raamatukogu, skaleeritav, laiendatav, interaktiivne ja sisaldab paljusid sisseehitatud meetodeid tavaliste toimingute arvutamiseks. Allpool on saadaval mallide, NgModules, sisseehitatud direktiivide, vormide ja muude konfiguratsioonide süntaks:

Malli süntaks KIRJELDUS
See seob omaduse 'väärtus' avaldise tulemusega 'nimi'
See seob atribuudi 'roll' avaldise tulemusega 'minu roll'
Kui klõpsamissündmus käivitatakse, nimetatakse seda meetodiks loetud tekst.
See seob atribuudi interpoleeritud stringiga

Tere, ((minu nimi))

See seob konteksti interpoleeritud stringiga
See loob kahesuunalise köitmise.

* sümbol muudab aktiivse elemendi manustatud tempiks.

Õpilane: ((õpilane? .Nimi))

? on navigatsioonioperaator ütleb, et õpilasväli on valikuline
See seob stiili atribuudi laiuse, et väljendada tulemuse müstilisust.

Kasutatakse mallide andmete sidumiseks ja sündmuste sidumiseks.

Autonumber: ((vehicleNumber | myCarNuFormat))

See teisendab sõiduki numbri hetkeväärtuse toru mycarNuformat abil.
See eristab elementi HTML-komponendist
See seob klassi olemasolu tõeväljendiga.

NgModules: - Erinevad Ngmodule'i direktiivid on:

Direktiivid KIRJELDUS
@NgModule ((deklaratsioonid ..))See määratleb mooduli, mis sisaldab direktiive jne.
deklaratsioonid: (MyRedComponent, MyBlueComponent, MyDatePipe)See ütleb selle mooduli komponentide, direktiivide ja torude loendi.
eksport: (MyRedComponent, MyDatePipe)See loetleb selle mooduli importimiseks nähtavad komponendid ja torud
import: (BrowserModule, SomeOtherModule)Selles loetletakse moodulid, mida sellesse moodulisse importida
pakkujad: (MyService, (esitage:…))See sisaldab sõltuvuse süstimise pakkujate loetelu, mis on nähtavad nii mooduli sisule
sisestuskomponendid: (mõni komponent, muu komponent)See sisaldab nende komponentide loetelu, millele pole juurdepääsetavas mallis viidatud.

Saadaval on ka muid direktiive ja komponentide muudatuste tuvastamise ning olelustsükli konkse, mida saab klassimeetoditena rakendada allpool:

Direktiivid Kirjeldus
ehitaja (myService: MyService, …) (…)Seda kasutatakse sõltuvuste süstimiseks.
ngOnChanges (changeRecord) (…)Sellele helistatakse pärast iga sisestuse omaduste muutmist ja enne sisu või lapse vaadete töötlemist
ngOnInit () (…)Seda nimetatakse konstruktori ja lähtestavate omaduste järele
ngDoCheck () (…)Seda nimetatakse iga kord, kui kontrollitakse komponentide või direktiivide omadusi. Seda kasutatakse tollikontrolli teostamiseks.
ngAfterContentInit () (…)See kutsutakse pärast ngOninit, kui komponentide või direktiivide sisu on initsialiseeritud.
ngAfterContentChecked () (…)Sellele helistatakse pärast iga komponendi või direktiivi sisu kontrollimist.
ngAfterViewInit () (…)Kui komponendi vaadete ja laste vaadete direktiiv on initsialiseeritud, kutsutakse see pärast ngaftercontentint.
ngAfterViewChecked () (…)Pärast iga komponentide ja laste vaadete kontrollimist kutsutakse see direktiiv juba sisse.
ngOnDestroy () (…)Enne eksemplari hävitamist helistatakse sellele üks kord.

Tasuta näpunäited ja näpunäited nurga 2 Cheat Sheet käskude kasutamiseks: -

  1. Angular2 petmislehel platvormBrowserDynamic (). BootstrapModule (AppModule); aitab rakenduse alglaadimisel kasutada määratud juurkomponendi kasutamist.
  2. Rakenduses Angular2 pakub bootstrap: (MyAppComponent) üles komponendid, mille alglaadimise moodul selle alglaadimise ajal käivitada.
  3. see on sisseehitatud direktiivis angualr2, et eemaldada või taastada osa Dom-puust avalduse alusel.
  4. see muudab loendielemendi ja selle sisu malliks ning seda kasutatakse loendi iga üksuse vaate kiirendamiseks.
  5. “ConditionExpresionion”> seda käsku kasutatakse mallide valimiseks avaldise väärtuse põhjal või lihtsate sõnadega, näiteks lahkuvad lingid oops.
  6. , võimaldavad need direktiivid CSS-i abil HTML-elemendile stiile määrata ja sellele CSS-ile saab otse juurde pääseda.
  7. see direktiiv seob elemendi CSS-i klassid usaldusväärsete kaardiväärtustega.
  8. see direktiiv pakub vormikontrollidele kahesuunalist sidumist, parsimist ja valideerimist.
  9. selector: '.cool-button: not (a)' - see on direktiivi konfiguratsioon, mis määrab CSS-selektori, mis tuvastab selle direktiivi malli. See ei toeta vanema lapse valijat.
  10. pro videoreklaamid: (MyService, (esitage:…)) sisaldab direktiivi ja laste ülalpeetavate süstimise pakkujate loetelu.
  11. (esitama: MyService, useClass: MyMockService) see määrab teenusepakkuja klassi või alistab selle.
  12. (esitama: minu väärtus, kasutage väärtust: 4), see seab või alistab pakkuja väärtuse 4-ni

Järeldus - nurga 2 petmisleht

Nurga 2 petmislehel on palju funktsioone ja erinevaid direktiive, arendamiseks on saadaval moodulid, mis aitab muuta rakendust kasutaja ja arendajate interaktiivsemaks probleemide ja funktsionaalsuse jälgimiseks. See on ulatuslik ja korduvkasutatav muude rakenduste jaoks. Angular2 kasutab masinakirja, mis erineb AngularJS varasemast versioonist.

Nurga 2 petmislehte on lihtsam õppida, kuna selle õppimiskõver on algajatele ja ka õpilastele lihtne ja sirge. JavaScripti tundmine oleks arengu nurga all kasutamise eeliseks. Alati on hea end ümber teha.

Soovitatavad artiklid

See on olnud juhend Angular 2 Cheat sheeti jaoks, siin oleme arutanud Angular 2 Cheat Sheet sisu ja käske ning tasuta näpunäiteid. Lisateabe saamiseks võite vaadata ka järgmist artiklit -

  1. UNIX-i petuleht
  2. Petmise lehe HTML
  3. Petuleht CCNA
  4. Petturileht JQuery