Uvod v kotno aplikacijo JS

Angular JS je odprtokodna aplikacija. Napisano je bilo v JavaScript. Kotni JS je leta 2010 razvil Google. Kotna aplikacija JS omogoča dinamično sklicevanje tudi na spletne aplikacije in strani. Angular JS vam omogoča razširitev besedišča HTML za vašo aplikacijo. Kotni JS se uporablja, ker se HTML poskuša, ko se poskuša uporabiti za razglasitev dinamičnih pogledov v spletnih aplikacijah. Kotni JS se imenuje nabor orodij za gradnjo ogrodja, ki je najbolj primeren za vaš razvoj aplikacij.

Kotne okvirne značilnosti JS je mogoče spremeniti ali zamenjati, jih ponovno uporabiti tako, da ustrezajo večjim ali edinstvenim delovnim tokom in za nadaljnjo uporabo. V celoti je razširljiv in deluje tudi z drugimi knjižnicami. Aplikacijska koda AngularJS je v starih objektih Java navadna. To omogoča, da kodo preizkusite, vzdržujete, ponovno uporabite. V kotnem JS ni treba dedovati po lastniških vrstah, da bi modele ovili v metode dodatkov, kot to počnemo pri drugih. Kotni JS je sledil najnovejšim konceptom razvoja.

Koncepti kotne aplikacije JS

Koncepti aplikacije Angular JS z njihovimi primeri so naslednji:

  • Direktive za razširitev atributov HTML

Direktiva o lastnostih je edinstvena in na voljo v drugih okvirih. Direktivi so napisani enostavno in so lahko tudi splošne, saj jih je mogoče napisati enkrat in večkrat uporabiti. Direktive so zelo koristne in obstaja veliko razlogov, da jih lahko uporabite, ko imate posebne potrebe kot omrežje po meri ali drugo funkcionalnost, direktiva, ki jo želite, še ne obstaja. Angularna direktiva o aplikaciji JS se začne z 'ng-' kot ng-pp, ng-regulator, ng-view, ng-model, ng-class, ng-click, ng-src itd.

Primer:

Looping z ng-repeat:

    ((x))

  • Obseg

Uporablja se za komunikacijo med regulatorjem in pogledom. Pogled veže na model pogleda in funkcije, opredeljene v regulatorju Angular JS Application podpira gnezdene ali hierarhične področja uporabe. Je vir podatkov za Angular JS Application in lahko doda ali odstrani lastnosti, kadar je to potrebno. Vsa obdelava in dodelitev podatkov se zgodi prek predmeta obsega, ko naj se izvede CRUD operacija.

  • Krmilniki

Uporabljajo se za določitev obsega pogledov, obseg pa je mogoče obravnavati kot spremenljivke in funkcije, za katere pogled lahko uporablja nekaj zavezujočih.

Primer:




First Name:

Last Name:


Full Name: ((firstName + " " + lastName))

var app = angular.module('myApp', ());
app.controller('myCtrl', function ($scope) (
$scope.firstName = "James";
$scope.lastName = "Anderson";
));

  • Vezava podatkov

Sinhronizira podatke med modelom in pogledom. Pomeni, da bo sprememba modela posodobila pogled. Direktiva ng-model se uporablja za dvosmerno vezavo podatkov.

Primer:
Ko uporabnik vtipka v besedilno polje, spremenjena vrednost v zgornji in spodnji črki prikaže nalepko, ki je dvosmerna zavezujoča podatkov.

  • Storitve

Uporablja se, kadar je država v skupni rabi v aplikaciji in potrebujete rešitev za shranjevanje podatkov. Lahko je singleton, uporabljajo pa ga lahko tudi druge komponente, kot so direktive, krmilniki in druge storitve. Uporabljene storitve so $ http, $ location, $ log, $ route, $ filter, $ document, $ timeout, $ izjemHandler.

  • Usmerjanje

Pomaga pri razdelitvi aplikacije na več pogledov in povezovanje več pogledov na krmilnike. SPA deli na več pogledov, da logično razdeli aplikacijo in jo naredi bolj obvladljivo.

Primer: privzeta pot

App.config(('$routeProvider',
function($routeProvider)
(
$routeProvider.
when('/List',
(
templateUrl: 'Views/list.html',
controller: 'ListController'
)).
when('/Add',
(
templateUrl: 'Views/add.html',
controller: 'AddController'
).
otherwise((
redirectTo: '/List'
));
)));

  • Filtri

Te se uporabljajo za razširitev vedenja zavezujočega izraza in direktive. Omogoča oblikovanje podatkov in oblikovanje vrednosti ali uporabo določenih pogojev. Filtri se prikličejo v HTML s cevnimi izrazi.

Primer:

< html>

var app = angular.module('myApp', ());
app.controller("namesCtrl", function ($scope) (
$scope.friends = (
( name: "Karl", age: 27, city: "Bangalore" ),
( name: "Lewis", age: 55, city: "Newyork" ),
);
));

 html>

var app = angular.module('myApp', ());
app.controller("namesCtrl", function ($scope) (
$scope.friends = (
( name: "Karl", age: 27, city: "Bangalore" ),
( name: "Lewis", age: 55, city: "Newyork" ),
);
));

Filtriranje vnosa:

    (((x.name | velika črka) + ', ' + x.age + ', ' + x.city))

  • Izrazi

Izrazi (()) so deklarativni način določitve lokacije vezave podatkov v HTML in uporabe izraza za vezavo podatkov. Lahko ga dodate v predloge HTML in ne podpira izjav nadzornega pretoka, vendar podpira filtre za oblikovanje podatkov, preden jih prikaže.

Primer:

V polje za vnos vnesite nekaj:

Ime:

Napisali ste: ((firstName))

  • Moduli

    Modul je vsebnik aplikacije in krmilniki aplikacij pripadajo modulu. Je zbirka funkcij in aplikacijo deli na majhno in večkratno funkcionalno komponento. Modul lahko določite z edinstvenim imenom in je lahko odvisen od drugih modulov.

Primer:



//Referring module name myApp
(( firstName + " " + lastName ))


  • Testiranje

Za preizkušanje kode aplikacije Angular JS Application se pogosto uporabljajo testni okviri, kot sta Jasmine in karma. Ti okviri za testiranje večinoma podpirajo posmeh in zelo konfiguriranje z uporabo datoteke JSON s pomočjo različnih vtičnih kotnih aplikacij JS.

Zaključek - Kotna aplikacija JS

Kotni JS zagotavlja okvir, ki ima edinstvene direktive in močne funkcije. Direktivi nam pomagajo pri gradnji nove sintakse HTML, ki je značilna predvsem za aplikacijo. Uporablja se kot sestavni deli za večkratno uporabo. Komponenta vam omogoča, da skrijete zapleteno strukturo in drugo vedenje. Poudarek bi bil le na tem, kaj aplikacija počne in kako aplikacija izgleda ločeno. Kotna aplikacija JS je v teh dneh vse bolj priljubljena, saj jo je enostavno učiti in razvijati. Na trgu je veliko priložnosti za razvijalca sprednjih strani. Če ste dobri z JavaScriptom, potem Angular JS ne bo težko za vas, če se želite naučiti, in posodobiti svoje znanje s to tehnologijo bi bila odlična ideja.

Priporočeni članki

Ta članek je vodnik za kotno aplikacijo JS. Tu smo razpravljali o konceptih kotne aplikacije JS z nekim primerom, da bi bolje razumeli. Če želite izvedeti več, si oglejte tudi naslednji članek.

  1. Razlike kotnih 5 in kotnih 4
  2. Kaj je strojno učenje?
  3. Razlike med JSON in BSON
  4. Kaj je Laravel Framework?
  5. Kaj je testiranje okvirov za Java?

Kategorija:

Razvoj programske opreme