Hvad er nøjagtigt kantet?

Angular er en open source front-source ramme for JavaScript og skaber reaktive single Page-applikationer (SPA'er), og det blev bygget af Google-udviklerne. Angular har attesteret bred spredning i Open Source JavaScript Frameworks, og det er bemærkelsesværdigt højt værdsat mellem udviklere og virksomheder for dets gode fungerende teknikker. Angular en innovativ MVW-ramme på klientsiden er meget brugt på nuværende tidspunkt til udvikling af mobilapp og webapp. Det blev skrevet i Typescript med support ES6 (ECMA Script 2015) standardisering. Typerskrift udviklet af Microsoft og det er et supersæt af JavaScript. Dette transpilerer koden og konverteres i JavaScript- eller ES5-format. Typescriptet er en stærkt indtastet, og det er tilladt at skrive OOPS-funktion som klasse, interface og modul udsagn ligesom C # eller Java, som øger udførelsen og reducerer fejl i kørselstiden.

Følgende er de vigtigste træk ved Angular 2

  • Komponenter -

den forrige version af Angular havde controllers opmærksomhed, men ændrede nu totalt fokus til at arbejde med komponenter over controllerne. Komponenter er med til at oprette applikationerne i flere moduler. Dette hjælper med at administrere applikationen mere effektivt i en periode.

  • Modul -

modulet er helt identisk med en klasse. Et modul er generelt beskrevet af en kodeblok, der bruges til at udføre en bestemt enkelt opgave. Angular har muligheden for modularitet, hvor kun en applikation er bygget ved at adskille den i flere moduler. Eksportnøgleord bruges til at eksportere komponentklasse fra et modul. Hver vinkel applikation har mindst et vinkel modul efter konvention kaldet app modul.

For eksempel

  • Skabelon -

Skabelonen er nøglerollen, der retfærdiggør gennemsejling af komponenten. Det kan erklæres, at visningen af ​​komponenten identificeres ved hjælp af en skabelon. Det er oprettet med HTML, inkluderer binding og direktiv.

For eksempel

  • Metadata -

Det er meget nyttigt at udvide klassens effektivitet. I typeskrift identificeres til dette formål ved at dekorere klassen. For at specificere en hvilken som helst komponent i vinkel applikation skal du bruge metadata for klassen (i. E. @Component dekoratør).

En dekoratør er en funktion, der lægger metadata til en klasse, den er medlemmer, eller det er metodargumenter.

  • Dataindbinding -

Den mest effektive funktion, Data Binding, er forbindelsesbroen mellem Model og View. Det synkroniseres automatisk. Vinkel understøtter fire typer binding - egenskabsbinding, hændelsesbinding, interpolering og tovejsbinding.

  • Direktiv -

Direktiver er skræddersyede HTML-attributter, der er nyttige til at vedligeholde HTML. For at stille et direktiv bruges @Directive-dekoratøren på klassens tilsluttede metadata. Tre typer af direktiver - Komponent, dekoratør og skabelon.

  • Tjenester -

Tjenester bruges, når der normalt kræves en enkelt produktivitet i forskellige moduler i applikationen. Grundlæggende bruges til at dele data og adfærd i applikationen. Tjenesten har ingen baseklasse. Ofte anvendte tjenester er logningstjeneste, datatjeneste, massageservice osv.

  • Afhængighed injektion -

Afhængighed Injektion i vinkelformet. Dependency Injection (DI) er et grundlæggende koncept af Angular 2+ og gør det muligt for en klasse at indsamle afhængigheder fra en anden klasse. Normalt i vinkel udføres afhængighedsinjektion ved at indsprøjte en serviceklasse i en sektion eller modulklasse.

For eksempel

Der er mange teksteditorer, der fuldt ud understøtter Typescript. Enten ude af kassen eller med et plugin, inklusive alle disse som beskrevet nedenfor.

  1. Visual Studio.
  2. Visual Studio-kode.
  3. Atom.
  4. Formørkelse.
  5. WebStorm.

Visual Studio Code er det bedste valg, fordi det er open source og kører på Linux, Windows og MacOS. Det giver fantastiske funktioner, der understøtter Typescript, inklusive

  • Automatisk færdiggørelse
  • IntelliSense
  • Syntaks kontrol
  • refactoring

Hvis du vil hente Visual Studio-kode, kan du besøge webstedet på https://code.visualstudio.com/download.

Trin til installation af vinkel 2

Nu, Kom godt i gang med processen til installation af Angular 2

Trin 1: For at installere Angular 2 skal du først downloade pakken node.js fra https://nodejs.org/en/download/-siden.

Installer det downloadede npm-arkiv (Node Package Manager) i dit system.

  • Hvis du bruger Windows System, skal du installere Windows-installationsprogrammet.
  • Hvis du bruger MacOS System, skal du installere MacOS-installationsprogram.

Kontroller dine systemkompatible versioner som 32 bit eller 64 bit.

Trin 2: Installation af node,

Nu skal du dobbeltklikke på den downloadede node-v10 15.3-x64.msi-fil for at køre installationsprogrammet og klikke på Next-knappen på installationsskærmen.

Trin 3: Klik nu på afkrydsningsfeltet og accepter betingelserne i licensaftalen . Klik derefter på Næste.

Trin 4: På det næste skærmbillede skal du ændre installationsstien om nødvendigt eller Klik på knappen Næste.

Trin 5: På skærmen Næste valg af valg skal du beholde standardvalget og klikke på Næste.

Trin 6: Nu skal du installere Node.js Klik på knappen Install.

Trin 7: Vent på, at installationen er afsluttet på det næste skærmbillede.

Trin 8: Klik nu på Udfør.

Trin 9: Åbn kommandoprompten på din maskine, og skriv følgende kommando, og kontroller nodejs-version og npm-version:

c:/>node -v

c:/>npm -v.

Trin 10: Når installationen er afsluttet. Besøg stedet på https://cli.angular.io/ for Angular CLI (kommandolinjegrænseflade).

Trin 11: Åbn kommandoprompten på din maskine, og skriv kommandoen “npm installation –g @ vinkel / cli”, og tryk på enter for at installere Angular 2 CLI (kommandolinjegrænseflade).

Bemærk: Hvis du bruger MacOS / Linux, skal du bare placere sudo før kl. 20, "sudo npm installere –g @ vinkel / cli"

Trin 12: Skriv "ng new first-app", og tryk på enter for at oprette den første app.

Trin 13: Når du installerer Angular 2-appen, bliver du stillet nogle spørgsmål af Angular CLI.

  • Vil du tilføje kantet routing? (Y / No) -> Nej
  • Hvilken stilarkstandard ønsker at bruge? (Brug piletasterne) -> CSS

Trin 14: I første app tilføj alle pakker ved hjælp af Angular CLI

Når du installerer alle pakker, betyder det, at appen oprettes på disken.

Trin 15: Skriv "ng –version" -kommandoen i kommandoprompten, og tryk på enter for at finde ud af den vinklede version

Trin 16: Skriv nu kommandoen “cd first-app” for at komme ind i app-biblioteket eller -mappen.

Trin 17: Endelig oprettes "First App" Angular app; skriv nu kommandoen “ng serve”.

Trin 18: Åbn nu browseren, og skriv http: // localhost: 4200 i adresselinjen, og tryk på enter for at køre appen First Application Angular i browseren.

Anbefalede artikler

Dette har været en guide til Install Angular 2. Her har vi drøftet de vigtigste funktioner i Angular 2 og trinene til installation af Angular 2. Du kan også se på de følgende artikler for at lære mere -

  1. Angular 2 Cheat Sheet
  2. Angular 2 Interview spørgsmål
  3. Angular 2 vs Vue JS
  4. Vinklede kommandoer

Kategori:

Softwareudvikling