Mikä on kulma 2?
Verkkosovellusten rakentamiseen HTML- ja JavaScript-muodossa käytetään JavaScript-viitekehystä, joka tunnetaan nimellä Angular 2, jonka Google on rakentanut. Yhden sivun sovellusten kanssa työskennellessäsi esteitä, jotka usein kohtaavat, voittaisiin käyttämällä kulma 2: ta.
Moduulit kulmassa 2
Sovelluksessa loogiset rajat yhdistää kulma 2. Toiminnot voitaisiin jakaa eri moduuleihin sen sijaan, että kaikki sijoitettaisiin yhteen sovellukseen. Alla on joitain osia, joista moduuli on tehty -
- Sovelluksen toimintojen käyttämiseksi ladattavat komponentit ilmoitetaan Angular JS: lle Bootstrap-taulukon avulla. Komponentti on ilmoitettava bootstrap-taulukossa, jotta Angular JS -sovelluksessa sitä voitaisiin käyttää muissa komponenteissa.
- Putket, johdannaiset, komponentit ja niin edelleen viedään vientiryhmän kautta käytettäväksi muissa moduuleissa.
- Muista Angular JS -moduuleista toiminnallisuus voitiin tuoda tuontitaulukon avulla.
Kulman 2 arkkitehtuuri
Angular 2 -sovelluksen anatomia kuvataan yllä olevalla kaaviolla. Jokainen komponentti määrittelee sovelluksen toiminnallisuuden, joka on looginen raja. Komponenttien toiminnallisuus jaetaan kerrospalveluiden avulla.
Komponentti määritetään luokan, mallin ja metatietojen perusteella. Ominaisuudet ja menetelmät koostuvat luokasta. Luokan toiminnallisuutta laajennetaan ja se on koristeltu metatietojen avulla. Sovelluksen HTML-näkymä voidaan määritellä mallin avulla.
Tässä sovelluksessa on yksi juurimoduuli ja useita komponentteja, jotka erottavat toiminnallisuuden.
Samoin kuin Root Angular -moduuli, ominaisuusmoduulissa on useita komponentteja, jotka jakavat toiminnallisuuden.
Kulman JS-sovelluksessa komponentit määrittelevät loogisen koodin.
- Sidonta ja johdannaiset tehdään mallilla, joka sisältää sovelluksen HTML: n ja tuottaa sovelluksen näkymän.
- Ominaisuudet ja menetelmät ovat läsnä luokassa, joka tukee sovelluksen näkymää ja joka on määritelty TypeScript-ohjelmassa. Sillä on luokanimi, omaisuuden nimi, ominaisuustyyppi ja arvo.
- Sisustusohjelmalla määritetään metatiedot, joilla on ylimääräistä tietoa.
Kulma 2 Ominaisuudet
HTML: n tehoa laajennetaan mukautetun HTML-elementin, jota kutsutaan direktiiviksi, avulla. Kulman 2 direktiivit ovat ngif ja ngFor.
- Elementit lisätään HTML-koodiin ngif-elementin avulla tosi skenaarioissa, mutta niitä ei lisätä, jos se arvioidaan vääriksi. Edustaa.
- Perustuu for for loop -olosuhteisiin, käytetään ngFor-elementtiä.
Tiedon sitominen on yksi kulman 2 ominaisuuksista. Luokan ominaisuuteen HTML-tunniste voi olla sidos.
Kulmassa 2 virheiden käsittely on vaihtoehto sovelluksille. ReactJS-saaliskirjasto on mukana ja saalistoimintoa käytetään. Alla on virheiden käsittelykoodi.
Virheiden käsittelijä -toimintoon linkki sisältyy kiinni-toimintoon. Konsoliin virhe lähetetään virheenkäsittelytoiminnolla. Suorittamista jatketaan, kun virhe on heitetty takaisin pääohjelmaan. Tämä ohjaa virheen konsoliin.
Käyttäjät ohjataan eri sivuille reitityksen avulla, kun vaihtoehto on valittu pääsivulta.
Tässä tiedot voitaisiin muuntaa useiden suodattimien ja putkien avulla.
- Muunnetaan pieniksi kirjaimiksi.
- Muuntaminen isoiksi.
- Syöttömerkkijonosta dataosa voitiin leikata. Leikkeen aloitusasento viittaa alkuun ja loppukohtaan viittaa loppu.
- Syöttömerkkijono voidaan muuntaa päiväysmuotoon päivämäärätoiminnon avulla.
- Valuuttamuotoon syöttöjono muunnetaan valuuttafunktiolla.
- Prosenttimuotoon syöte merkkijono muunnetaan prosenttifunktiolla.
Mukautettuja putkia voidaan luoda myös Angular 2: n avulla.
- Putken nimen määrittelee Putken nimi.
- Muokatun putkiluokan määrittelee Pipe-luokka.
- Putken kanssa työskentelemiseen käytetään muuntamistoimintoa.
- Putkeen parametrit välitetään parametrien avulla.
- Putken paluutyyppi määritetään paluutyypillä.
Kulman 2 elinkaari
Angular 2 -sovelluksen elinkaari on käynnistyksestä sovelluksen loppuun.
Tämä kaavio kuvaa kulman 2 koko elinkaaren. Alla on kuvaus.
- Tietoihin sidotun ominaisuuden arvonmuutos kuvataan ngOnChanges-menetelmällä.
- Kun Kulma on näyttänyt datasidonnaiset ominaisuudet, komponentin alustuksen aikana kutsutaan ngOnInit-menetelmää.
- Kun Kulma itsessään ei voinut havaita muutoksia, havainnointiin käytetään ngDoCheck-tiedostoa.
- Komponentin näkymään, kun ulkoinen sisältö heijastuu kulmasta, ngAfterContentInit kutsutaan vastauksena.
- Kun projisoitu sisältö on tarkistettu kulmassa, ngAfterContentChecked kutsutaan vastauksena.
- Kun komponentin näkymät ja lasten näkymät on alustettu kulmikolla, ngAfterInit kutsutaan.
- NgAfterViewChecked kutsutaan sen jälkeen, kun komponentit ja lasten näkymät on tarkistettu kulmikkaalla.
- Ennen kuin direktiivi tai sen osa tuhoaa kulmassa, kansalaisjärjestöt tuhoavat, mikä on puhdistusvaihe.
Palvelut on toinen Angular 2: n ominaisuus, jota käytetään, kun eri moduulit tarvitsevat yhteisen toiminnallisuuden. Eri moduuleista tietokantatoiminnot voitiin käyttää uudelleen. Luotu palvelu voisi käyttää tietokantatoimintoja.
Miksi tarvitsemme kulma 2?
- Kulma 2 tarjoaa ominaisuuksia, jotka auttavat koodin vianetsinnässä ja ymmärtämisessä, kehittämistä ja muokkaamista myös parantamaan.
- Koodauksesta tulee yhdenmukaisempi kulma 2: n avulla.
- Kulma 2 tarjoaa laajat sidontaominaisuudet. Sen ominaisuuksien sitova ominaisuus mahdollistaa DOM: n hallinnan. Reaktio mihin tahansa tapahtumaan näkökulmasta voidaan saavuttaa tapahtuman sitomisen avulla.
- Angular 2 tarjoaa täysin varustetun reititysominaisuuden.
- Kulmilla 2 on laaja dokumentointi ja yhteisötuki, joka tarjoaa ratkaisun melkein kaikkiin kohtaamiin ongelmiin.
johtopäätös
Kulma 2 on yksi halutuimmista web-kehityskehyksistä ja se, mitä sinun täytyy rakentaa seuraavaan verkkosovellukseen.
Suositellut artikkelit
Tämä on opas mitä on kulma 2 ?. Tässä keskustellaan johdannosta, Moduulit nurkassa 2, kulma 2 ominaisuuksista sekä kulman 2 elinkaaresta. Voit myös käydä läpi muut ehdotetut artikkelimme saadaksesi lisätietoja -
- Kuinka asentaa kulma 2?
- R-ohjelmointikieli
- Verkkosivustojen tyypit
- Tyypit Web-hosting