Bevezetés a szögletes JS alkalmazásba

A Angular JS egy nyílt forráskódú alkalmazás. Azt JavaScript-ben írták. A szögletes JS-t a Google 2010-ben fejlesztette ki. A szögletes JS alkalmazás dinamikus hivatkozást biztosít a webes alkalmazásokra és az oldalakra is. A Angular JS lehetővé teszi az alkalmazás HTML-szókincsének kibővítését. A szögletes JS-t azért használják, mert a HTML meghibásodik, amikor megpróbálják használni a dinamikus nézetek deklarálására a webes alkalmazásokban. A szögletes JS-t az alkalmazás-fejlesztéshez legmegfelelőbb keretrendszer eszközkészletének nevezik.

A szögletes JS keretfunkciók módosíthatók vagy cserélhetők, újra felhasználhatók, hogy jobban illeszkedjenek a munkafolyamathoz vagy egyediek legyenek, és későbbi referencia céljából. Teljes mértékben bővíthető, és más könyvtárakkal is működik. Az AngularJS alkalmazáskód egyszerű a régi javascript objektumokban. Ez teszi a kódot teszteléshez, karbantartáshoz, újrafelhasználáshoz. A szögletes JS-ben nincs szükség öröklésre a szabadalmaztatott típusoktól annak érdekében, hogy a modelleket a hozzáférési módszerekbe becsomagoljuk, mint amilyeneket másképp kell tennünk. Az Angular JS követte a legújabb fejlesztési koncepciókat.

A szögletes JS alkalmazás fogalmai

A szögletes JS alkalmazás fogalma példáikkal a következő:

  • Irányelvek a HTML attribútumok kibővítéséhez

A szolgáltatás irányelv egyedülálló és más keretekben is elérhető. Az irányelvek könnyen megírhatók és általánosak is, mivel egyszer megírhatók és többször is felhasználhatók. Az irányelvek valóban hasznosak, és számos oka van, amelyek felhasználhatók, például amikor speciális igényei vannak, mint például az egyedi rács vagy más funkció, akkor a kívánt irányelv valójában még nem létezik. A szögletes JS alkalmazás irányelv 'ng-' -vel kezdődik, például ng-pp, ng-kontroller, ng-view, ng-model, ng-class, ng-click, ng-src, stb.

Példa:

Hurok az ng-ismétléssel:

    (( x ))

  • terület

A vezérlő és a nézet közötti kommunikációra szolgál. Összekapcsolja a nézetet a nézetmodellvel és a vezérlőben definiált funkciókkal. A szögletes JS alkalmazás támogatja a beágyazott vagy hierarchikus hatóköröket. Ez egy adatforrás a Angular JS alkalmazás számára, és szükség esetén tulajdonságot adhat hozzá vagy eltávolíthat. Az összes adatkezelés és az adatok hozzárendelése hatókörön keresztül történik, amikor CRUD műveletet kell végrehajtani.

  • vezérlők

Ezeket a nézetek hatókörének meghatározására használják, és a hatókör olyan változóknak és funkcióknak tekinthető, amelyek nézetei valamilyen kötést igényelhetnek.

Példa:




First Name:

Last Name:


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

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

  • Kötelező adatok

Szinkronizálja az adatokat a modell és a nézet között. Ez azt jelenti, hogy a modell változása frissíti a nézetet. Az ng-modell irányelv a kétirányú adatmegkötésre szolgál.

Példa:
Amikor a felhasználó beírja a szövegmezőbe, a megváltozott érték kis- és nagybetűkkel jelenik meg egy címkében, amely kétirányú adatmegkötést jelent.

  • Szolgáltatások

Akkor használja, amikor az állapot megosztott volt az alkalmazáson keresztül, és adatmegőrzési megoldásra van szükség. Ez szingulett lehet, és más alkatrészek, például irányelvek, vezérlők és egyéb szolgáltatások felhasználhatók. A használt szolgáltatások: $ http, $ location, $ log, $ route, $ filter, $ document, $ timeout, $ erandHandler.

  • útvonalválasztás

Ez elősegíti az alkalmazás több nézetre történő felosztását, és több nézet összekapcsolását a vezérlőkkel. A SPA-t több nézetre osztja, hogy logikusan megossza az alkalmazást, és könnyebben kezelhetővé tegye.

Példa: alapértelmezett útvonal

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

  • Szűrők

Ezeket a kötelező kifejezés és az irányelv viselkedésének kiterjesztésére használják. Ez lehetővé teszi az adatok formázását és az értékek formázását, vagy bizonyos feltételek alkalmazását. A szűrők HTML formátumban kerülnek meghívásra a cső belső kifejezéseivel.

Példa:

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

Bemeneti szűrés:

    (((x.név | nagybetűs) + ', ' + x.age + ', ' + x.city))

  • kifejezések

A (z) (()) kifejezések deklaráló módon adják meg az adatmegkötési helyet HTML-ben, és egy kifejezést használnak az adatkötéshez. Felvehető HTML sablonokba, és nem támogatja a vezérlőáramlás-utasításokat, de támogatja a szűrőket az adatok formázására, mielőtt megjelenítik őket.

Példa:

Adjon meg valamit a beviteli mezőben:

Név:

Írta: ((firstName))

  • modulok

    A modul az alkalmazás tárolója, az alkalmazásvezérlők pedig a modulhoz tartoznak. Ez egy funkciók gyűjteménye, amely felosztja az alkalmazást a kicsi és újrafelhasználható funkcionális komponensre. A modul egyedi névvel azonosítható, és függhet más moduloktól.

Példa:



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


  • Tesztelés

A szögletes JS alkalmazáskód teszteléséhez széles körben használják a tesztkereteket, mint például a Jasmine és a karma. Ezek a tesztelési keretek elsősorban a gúnyolódást támogatják, és jól konfigurálhatók egy JSON-fájl segítségével, különféle plug-in Angular JS alkalmazás segítségével.

Következtetés - szögletes JS alkalmazás

A Anglic JS keretet biztosít, amely egyedi irányelvekkel és hatékony funkciókkal rendelkezik. Az irányelvek segítenek az új HTML szintaxis felépítésében, amely elsősorban egy alkalmazásra jellemző. Újrahasznosítható alkatrészekként használják. Az összetevő lehetővé teszi az összetett szerkezet és az egyéb viselkedés elrejtését. A hangsúly csak az lenne, amit az alkalmazás csinál, és hogyan néz ki az alkalmazás külön-külön. A szögletes JS alkalmazás manapság egyre népszerűbb, mivel könnyen megtanulható és fejleszthető az alkalmazás. A piacon sok lehetőség rejlik a front-end fejlesztő számára. Ha jó vagy a JavaScripten, akkor az Angular JS nem lesz nehezen megtanulható, és remek ötlet lenne frissíteni tudását ezzel a technológiával.

Ajánlott cikkek

Ez a cikk útmutatóként szolgál a Szögletes JS alkalmazáshoz. Itt néhány példával megvitattuk a szögletes JS alkalmazás fogalmait a jobb megértés érdekében. A következő cikkben további információkat is megnézhet.

  1. Az 5. és a 4. szög különbségei
  2. Mi a gépi tanulás?
  3. Különbségek a JSON és a BSON között
  4. Mi a Laravel Framework?
  5. Mi a Java tesztelési keretrendszere?

Kategória:

Szoftverfejlesztés