Úvod do aplikace úhlové JS

Úhlová JS je open-source aplikace. Bylo napsáno v JavaScriptu. Úhlový JS byl vyvinut v roce 2010 společností Google. Aplikace úhlové JS poskytuje dynamický odkaz také na webové aplikace a stránky. Úhel JS umožňuje rozšířit slovní zásobu HTML pro vaši aplikaci. Úhlový JS se používá, protože HTML se při pokusu o použití pro deklarování dynamických pohledů ve webových aplikacích ztíží. Úhlový JS je označován jako sada nástrojů pro vytváření rámce nejvhodnější pro váš vývoj aplikací.

Úhlové prvky rámce JS lze upravit nebo nahradit, znovu použít, aby vyhovovaly více nebo jedinečným pracovním postupům a pro budoucí použití. Je plně rozšiřitelný a pracuje také s dalšími knihovnami. AngularJS aplikační kód je ve starých objektech javascriptu prostý. Díky tomu je váš kód testován, udržován a znovu použit. V úhlovém JS není nutné zdědit proprietární typy, aby se zabalily modely do přístupových metod, jako to musíme udělat v jiných. Úhlová JS sledovala nejnovější koncepty vývoje.

Koncepty aplikace úhlové JS

Koncepce aplikace Angular JS s jejich příklady jsou následující:

  • Směrnice pro rozšíření atributů HTML

Směrnice o vlastnostech je jedinečná a dostupná v jiných rámcích. Směrnice jsou psány snadno a mohou být také obecné, protože mohou být psány jednou a opakovaně použity opakovaně. Direktivy jsou opravdu užitečné a existuje mnoho důvodů, proč je třeba použít, například pokud máte speciální potřeby jako vlastní mřížku nebo jinou funkčnost, směrnice, kterou chcete, ještě neexistuje. Směrnice aplikace Angular JS začíná u „ng-“, jako je ng-pp, ng-controller, ng-view, ng-model, ng-class, ng-click, ng-src atd.

Příklad:

Opakování s ng-opakováním:


    (( X ))

  • Rozsah

Používá se pro komunikaci mezi kontrolérem a pohledem. Sváže pohled na model pohledu a funkce definované v ovladači Angular JS Application podporuje vnořené nebo hierarchické rozsahy. Je to zdroj dat pro Angular JS Application a v případě potřeby může přidat nebo odebrat vlastnost. Veškerá manipulace s daty a přiřazení dat se děje prostřednictvím objektu oboru, když se má provádět operace CRUD.

  • Ovladače

Používají se k definování rozsahu pohledů a rozsah lze považovat za proměnné a funkce, které pohledy mohou používat nějakou vazbu.

Příklad:




First Name:

Last Name:


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

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

  • Vazba dat

Synchronizuje data mezi modelem a pohledem. To znamená, že změna modelu aktualizuje pohled. Směrnice ng-model se používá pro vázání obousměrných dat.

Příklad:
Když uživatel do textového pole zadá změněnou hodnotu, zobrazí se velká a malá písmena na štítku, který je obousměrná datová vazba.

  • Služby

Používá se, když je stav sdílen v celé aplikaci a vyžaduje řešení pro ukládání dat. Může to být singleton a mohou být použity jinými součástmi, jako jsou směrnice, řadiče a další služby. Používané služby jsou $ http, $ location, $ log, $ route, $ filter, $ document, $ timeout, $ exceptionHandler.

  • Směrování

Pomáhá při rozdělení aplikace do více pohledů a svázání více pohledů s řadiči. Rozděluje SPA na více pohledů, aby logicky rozdělil aplikaci a učinil ji spravovatelnější.

Příklad: výchozí trasa

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

  • Filtry

Používají se k rozšíření chování závazného výrazu a směrnice. Umožňuje formátování dat a formátování hodnot nebo použití určitých podmínek. Filtry jsou vyvolány v HTML s trubkou uvnitř výrazů.

Příklad:

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

Vstup filtrování:

    (((x.name | velká písmena) + ', ' + x.age + ', ' + x.city))

  • Výrazy

Výrazy (()) představují deklarativní způsob určení umístění datové vazby v HTML a použití výrazu pro datovou vazbu. Může být přidán do šablon HTML a nepodporuje příkazy řídicího toku, ale podporuje filtry pro formátování dat před jejich zobrazením.

Příklad:

Do vstupního pole zadejte něco:

Název:

Napsali jste: ((firstName))

  • Moduly

    Modul je kontejner aplikace a řadiče aplikací patří do modulu. Jedná se o soubor funkcí a rozděluje aplikaci na malou a opakovaně použitelnou funkční komponentu. Modul lze identifikovat pod jedinečným názvem a může být závislý na jiných modulech.

Příklad:



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


  • Testování

K testování kódu Angular JS Application se často používají testovací rámce jako Jasmine a karma. Tyto testovací rámce podporují hlavně zesměšňování a vysoce konfigurovatelné pomocí souboru JSON pomocí různých plug-in Angular JS Application.

Závěr - úhlová aplikace JS

Úhel JS poskytuje rámec, který má jedinečné směrnice a výkonné funkce. Směrnice nám pomáhají při vytváření nové syntaxe HTML, která je specifická pro konkrétní aplikaci. Používá se jako opakovaně použitelné komponenty. Komponenta umožňuje skrýt složitou strukturu a další chování. Zaměřilo by se pouze na to, co aplikace dělá a jak aplikace vypadá samostatně. Aplikace Angular JS se v těchto dnech stává populárnější, protože je snadné se ji naučit a vyvíjet. Na trhu existuje mnoho příležitostí pro vývojáře front-end. Pokud jste v JavaScriptu dobře, Angular JS pro vás nebude těžké se učit a aktualizovat své dovednosti pomocí této technologie by byl skvělý nápad.

Doporučené články

Tento článek byl průvodcem aplikací Angular JS. Zde jsme diskutovali Koncepty úhlové aplikace JS s několika příklady, abychom získali lepší porozumění. Další informace naleznete v následujícím článku.

  1. Rozdíly úhlu 5 a úhlu 4
  2. Co je strojové učení?
  3. Rozdíly mezi JSON a BSON
  4. Co je Laravel Framework?
  5. Co je testování rámců pro Javu?

Kategorie:

Vývoj softwaru