Sissejuhatus nurga JS rakendusse

Nurga JS on avatud lähtekoodiga rakendus. See oli kirjutatud JavaScripti. Nurga JS töötati Google välja 2010. aastal. Nurga JS-i rakendus pakub dünaamilist viidet ka veebirakendustele ja lehtedele. Nurgeline JS võimaldab teil laiendada oma rakenduse HTML-sõnavara. Nurga JS-i kasutatakse seetõttu, et HTML langeb, kui seda proovitakse kasutada veebirakenduste dünaamiliste vaadete deklareerimiseks. Nurga JS-i nimetatakse tööriistakomplektiks teie rakenduste arendamiseks kõige sobivama raamistiku loomiseks.

Nurga JS-i raamistiku funktsioone saab muuta või asendada, uuesti kasutada, et need sobiksid töövooga rohkem või ainulaadsemaks ja edaspidiseks kasutamiseks. See on täielikult laiendatav ja töötab ka teiste raamatukogudega. AngularJS rakenduse kood on vanades javascripti objektides tavaline. See muudab teie koodi testimiseks, hooldamiseks ja taaskasutamiseks. Nurgelises JS-s ei pea mudeleid mässima lisavarustuse meetoditesse, nagu me peame tegema muudes patenteeritud patentide tüüpidest. Nurga JS on arenduse jaoks järginud uusimaid kontseptsioone.

Nurga JS rakenduse kontseptsioonid

Nurga JS-i rakenduse kontseptsioonid koos nende näidetega on järgmised:

  • Direktiivid HTML-atribuutide laiendamiseks

Funktsioonide direktiiv on ainulaadne ja saadaval ka teistes raamides. Direktiivid on hõlpsasti kirjutatud ja need võivad olla ka üldised, kuna neid saab kirjutada üks kord ja mitu korda uuesti kasutada. Direktiivid on tõesti kasulikud ja kasutamiseks on palju põhjuseid, näiteks kui teil on erivajadusi kohandatud ruudustikuna või muu funktsionaalsusena, siis soovitud direktiivi tegelikult veel pole. Nurga JS-i rakenduse direktiiv algab sõnadega „ng-” nagu ng-pp, ng-kontroller, ng-view, ng-model, ng-class, ng-click, ng-src jne.

Näide:

Loop ng-kordusega:

    ((x))

  • Reguleerimisala

Seda kasutatakse kontrolleri ja vaate vaheliseks suhtluseks. See seob vaate vaatemudeli ja funktsioonidega, mis on määratletud kontrolleri Nurga JS rakendus toetab pesastatud või hierarhilisi ulatusi. See on nurga JS-rakenduse andmeallikas ja vajadusel saab seda atribuuti lisada või eemaldada. Kõik andmete manipuleerimine ja andmete määramine toimub ulatusobjekti kaudu, kui teha CRUD-toiming.

  • Kontrollerid

Neid kasutatakse vaadete ulatuse määratlemiseks ning ulatust võib pidada muutujateks ja funktsioonideks, mille vaade võib kasutada teatud sidumist.

Näide:




First Name:

Last Name:


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

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

  • Andmete sidumine

See sünkroonib andmeid mudeli ja vaate vahel. See tähendab, et mudeli muudatus värskendab vaadet. Ng-mudeldirektiivi kasutatakse andmete kahesuunaliseks sidumiseks.

Näide:
Kui kasutaja tekstikasti sisestab, kuvatakse muudetud väärtus suurtähtede ja väiketähtedega sildil, mis on kahesuunaline andmete sidumine.

  • Teenused

Seda kasutatakse siis, kui olekut on kogu rakenduses jagatud ja see vajab andmete salvestamise lahendust. See võib olla ainsus ja seda saavad kasutada muud komponendid, näiteks direktiivid, kontrollerid ja muud teenused. Kasutatavad teenused on $ http, $ asukoht, $ log, $ route, $ filter, $ document, $ timeout, $ erandHandler.

  • Marsruutimine

See aitab jagada rakenduse mitmeks vaateks ja siduda kontrolleritega mitu vaadet. See jagab SPA mitmeks vaateks, et rakendus loogiliselt jagada ja muuta see hõlpsamini hallatavaks.

Näide: vaikimisi valitud marsruut

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'
));
)));

  • Filtrid

Neid kasutatakse siduva väljendi ja juhise käitumise laiendamiseks. See võimaldab vormindada andmeid ja vormindada väärtusi või rakendada teatud tingimusi. Filtreid kutsutakse HTML-is koos toruväljenditega.

Näide:

< 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" ),
);
));

Sisendi filtreerimine:

    (((x.nimi | suurtähed) + ', ' + x.age + ', ' + x.city))

  • Väljendid

Laused (()) on deklaratiivne viis andmete sidumise asukoha määramiseks HTML-is ja andmete avaldamise jaoks avalduse kasutamiseks. Seda saab lisada HTML-mallidesse ja see ei toeta kontrollivoo avaldusi, kuid see toetab filtreid andmete vormindamiseks enne nende kuvamist.

Näide:

Sisestage midagi sisendkasti:

Nimi:

Teie kirjutasite: ((firstName))

  • Moodulid

    Moodul on rakenduse konteiner ja mooduli juurde kuuluvad rakendusekontrollerid. See on funktsioonide kogum ja jagab rakenduse väikeseks ja korduvkasutatavaks funktsionaalseks komponendiks. Moodulit saab identifitseerida kordumatu nime abil ja see võib sõltuda teistest moodulitest.

Näide:



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


  • Testimine

Nurga JS-i rakenduse koodi testimiseks kasutatakse laialdaselt testraamistikke, näiteks Jasmine ja karma. Need testimisraamistikud toetavad peamiselt pilkamist ja on suuresti konfigureeritavad JSON-faili abil mitmesuguste pistikprogrammide Angular JS-rakenduste abil.

Järeldus - nurgeline JS-i rakendus

Nurga JS pakub raamistikku, millel on ainulaadsed direktiivid ja võimsad omadused. Direktiivid aitavad meil luua uut HTML-i süntaksi, mis on konkreetselt rakenduse spetsiifiline. Seda kasutatakse korduvkasutatavate komponentidena. Komponent võimaldab peita keeruka struktuuri ja muu käitumise. Keskendutakse ainult sellele, mida rakendus teeb ja kuidas rakendus eraldi välja näeb. Nurga JS-i rakendus muutub tänapäeval populaarsemaks, kuna seda on rakendust lihtne õppida ja arendada. Esiosa arendaja jaoks on turul palju võimalusi. Kui teil on JavaScriptiga hea olla, siis pole nurga all olev JS teile õppimiseks raske ja selle tehnoloogiaga oma oskuste värskendamine oleks suurepärane idee.

Soovitatavad artiklid

See artikkel on juhend Nurga JS-i rakenduse juurde. Parema arusaamise huvides oleme siin arutanud mõne nurga all oleva JS-i rakenduse kontseptsioone. Lisateabe saamiseks võite vaadata ka järgmist artiklit.

  1. Nurga 5 ja nurga 4 erinevused
  2. Mis on masinõpe?
  3. Erinevused JSONi ja BSONi vahel
  4. Mis on Laravel Framework?
  5. Mis on Java testimisraamistikud?

Kategooria:

Tarkvaraarendus