Ce este exact unghiular?

Angular este un cadru open-source JavaScript open-source și creează aplicații unice de pagină reactivă (SPA-uri) reactive și a fost construit de dezvoltatorii Google. Angular a atestat un control larg în cadrele JavaScript Open Source și este apreciat în mod remarcabil între dezvoltatori și întreprinderi pentru tehnicile sale funcționale. Un cadru MVW inovativ din partea clientului este foarte utilizat în prezent pentru dezvoltarea aplicațiilor mobile și a aplicațiilor web. A fost scris în Typescript cu suport ES6 (ECMA Script 2015) standardizare. Typescript dezvoltat de Microsoft și este un superset de JavaScript. Acest lucru va transpira codul și se va converti în format JavaScript sau ES5. Typescript este un tipar puternic și este permis să scrie caracteristica OOPS, precum instrucțiuni de clasă, interfață și modul, la fel ca C # sau Java, care stimulează execuția și reduc erorile de timp de rulare.

Următoarele sunt caracteristicile principale ale Angular 2

  • Componente -

versiunea anterioară a Angular avea atenția controlerelor, dar acum a schimbat total accentul pentru a lucra cu componente peste controlere. Componentele ajută la crearea aplicațiilor în mai multe module. Acest lucru ajută la gestionarea mai eficientă a aplicației într-o perioadă de timp.

  • Modulul -

modulul este destul de identic cu o clasă. Un modul este, în general, descris de un bloc de cod care este utilizat pentru a executa o anumită sarcină unică. Angular are capacitatea de modularitate, unde o singură aplicație este construită prin separarea ei în mai multe module. Cuvântul cheie export este utilizat pentru a exporta clasa de componente dintr-un modul. Fiecare aplicație unghiulară are cel puțin un modul unghiular prin convenție numit modul de aplicație.

De exemplu

  • Șablon -

Șablonul este rolul cheie care justifică răsfoirea componentei. Ar putea fi declarată vizualizarea componentei este identificată folosind un șablon. Este creat cu HTML, include obligatoriu și directivă.

De exemplu

  • Metadate -

Este de mare ajutor extinderea eficienței clasei. În Typescript, în acest scop este identificată clasa de decorare. De exemplu, pentru a specifica orice componentă în aplicația unghiulară, utilizați metadate ale clasei (i. E. @Component decorator).

Un decorator este o funcție care pune metadate la o clasă, este membru sau este argumente de metodă.

  • Legarea datelor -

Cea mai eficientă caracteristică, Date Binding, este legătura dintre Model și View. Se face sincronizat automat. Angular acceptă patru tipuri de legare - legare de proprietăți, legare de evenimente, interpolare și legare în două sensuri.

  • Directivă -

Directivele sunt atribute HTML personalizate care ajută la persistența abilității HTML. Pentru a face o directivă, decoratorul @Directive este utilizat pe metadatele conectate ale clasei. Trei tipuri de directive - componentă, decorator și șablon.

  • Servicii -

Serviciile sunt utilizate ori de câte ori este necesară o productivitate unică în module diferite ale aplicației. În mod fundamental, este utilizat pentru a partaja datele și comportamentul din aplicație. Serviciul nu are o clasă de bază. De multe ori serviciile utilizate sunt servicii de logare, servicii de date, servicii de masaj etc.

  • Injecția dependenței -

Dependență Injecție în unghi. Dependency Injection (DI) este un concept de bază al Angular 2+ și permite unei clase să colecteze dependențe dintr-o altă clasă. De obicei, în unghi, injecția de dependență se realizează prin injectarea unei clase de servicii într-o clasă de secțiune sau modul.

De exemplu

Există multe editor de text care acceptă complet Typescript. Fie din casetă, fie cu un plugin, inclusiv toate acestea, de mai jos.

  1. Studio vizual.
  2. Cod Studio vizual.
  3. Atom.
  4. Eclipsă.
  5. WebStorm.

Codul Studio Visual este cea mai bună alegere, deoarece este open source și rulează pe Linux, Windows și MacOS. Acesta oferă funcții excelente care acceptă Typescript, inclusiv

  • Auto-completare
  • IntelliSense
  • Verificare sintaxă
  • refactorizarii

Pentru a descărca codul Visual Studio accesați site-ul web la https://code.visualstudio.com/download.

Pași pentru instalarea unghiului 2

Acum, Noțiuni introductive cu Procesul de instalare a Angular 2

Pasul 1: Pentru a instala Angular 2, descărcați mai întâi pachetul node.js de pe site-ul https://nodejs.org/en/download/.

Instalați depozitul npm (Node Package Manager) descărcat în sistemul dvs.

  • Dacă utilizați sistemul Windows, instalați programul de instalare Windows.
  • Dacă utilizați Sistemul MacOS, instalați instalatorul MacOS.

Verificați versiunile compatibile ale sistemului dvs., precum 32 biți sau 64 biți.

Pasul 2: Instalarea nodului,

Acum , Faceți dublu clic pe fișierul descărcat node-v10 15.3-x64.msi pentru a rula instalatorul și faceți clic pe butonul Următorul pe ecranul instalatorului.

Pasul 3: Acum, faceți clic pe caseta bifată și acceptați termenii din Contractul de licență . Apoi faceți clic pe butonul Următorul.

Pasul 4: Pe ecranul următor, schimbați calea de instalare dacă este necesar sau faceți clic pe butonul Următorul.

Pasul 5: În ecranul de selecție a funcției Următorul, păstrați selecția implicită și faceți clic pe butonul Următorul.

Pasul 6: Acum, pentru a instala Node.js faceți clic pe butonul Instalare.

Pasul 7: Pe ecranul următor, așteptați terminarea instalării.

Pasul 8: Acum, faceți clic pe butonul Finalizare.

Pasul 9: Deschideți promptul de comandă pe mașină și introduceți următoarea comandă și verificați versiunea nodejs și versiunea npm:

c:/>node -v

c:/>npm -v.

Pasul 10: După terminarea instalării. Accesați site-ul la https://cli.angular.io/ pentru Angular CLI (Command Line Interface).

Pasul 11: Deschideți promptul de comandă pe mașina dvs. și introduceți comanda „npm install –g @ angular / cli” și atingeți enter pentru a instala Angular 2 CLI (linia de comandă Interfață).

Notă: Dacă utilizați MacOS / Linux trebuie doar să puneți sudo înainte de npm, „sudo npm install –g @ angular / cli”

Pasul 12: Introduceți „ng prima aplicație nouă” și apăsați enter pentru a crea prima aplicație.

Pasul 13: Când instalați aplicația Angular 2, veți primi câteva întrebări de către Angular CLI.

  • Ți-ar plăcea să adaugi rutare unghiulară? (Da / Nu) -> Nu
  • Ce folie de stil dorește să folosească? (Folosiți tastele săgeată) -> CSS

Pasul 14: În prima aplicație adăugați toate pachetele folosind unghi CLI

După ce instalați toate pachetele, înseamnă că aplicația este creată pe disc.

Pasul 15: Introduceți comanda „ng –version” în promptul de comandă și apăsați enter pentru a afla versiunea unghiulară

Pasul 16: Introduceți comanda „cd first-app” pentru a intra în directorul sau folderul aplicației.

Pasul 17: În sfârșit, este creată aplicația unghiulară „Prima aplicație”; acum tastați comanda „ng serve”.

Pasul 18: Acum, deschideți browserul și tastați http: // localhost: 4200 în bara de adrese și atingeți Enter pentru a rula prima aplicație unghiulară a aplicației în browser.

Articole recomandate

Acesta a fost un ghid despre Instalarea Angular 2. Aici am discutat despre Caracteristicile principale ale Angular 2 și Pașii pentru instalarea Angular 2. Puteți, de asemenea, să consultați articolele următoare pentru a afla mai multe -

  1. Foaie de triș unghiulară
  2. Întrebări de interviu Angular 2
  3. Angular 2 vs Vue JS
  4. Comenzi unghiulare

Categorie:

Dezvoltare de software