Увод у угаону апликацију ЈС

Ангулар ЈС је апликација отвореног кода. Написана је на ЈаваСцрипт-у. Ангулар ЈС је развијен од стране Гоогле-а 2010. године. Угаона ЈС апликација пружа динамичну референцу на веб апликације и странице. Ангулар ЈС омогућава вам да проширите ХТМЛ вокабулар за своју апликацију. Угаони ЈС користи се зато што се ХТМЛ поквари када се покушава користити за проглашавање динамичких приказа у веб апликацијама. Угаони ЈС назива се скупом алата за изградњу оквира који највише одговара вашем развоју апликација.

Кутне карактеристике ЈС оквира могу се модификовати или замењивати, поново користити за прилагођавање већем или јединственом току рада и за будућу употребу. Потпуно је проширив и ради и са другим библиотекама. АнгуларЈС код апликације је у старим јавасцрипт објектима обичан. То чини ваш код за тестирање, одржавање, поновну употребу. У кутном ЈС-у нема потребе да се наслеђују од власничких типова како би се модели замотали у методе приступа као што је то случај код других. Угаони ЈС пратио је најновије концепте развоја.

Појмови Ангулар ЈС апликације

Концепти Ангуларне ЈС апликације са њиховим примерима су следећи:

  • Упутства за проширење ХТМЛ атрибута

Директива о значајкама јединствена је и доступна у другим оквирима. Директиве се пишу лако и могу бити генеричке као што се могу написати једном и поново употребљавати више пута. Директиве су заиста корисне и постоји много разлога за коришћење попут када имате посебне потребе као прилагођену мрежу или другу функцију, а директива коју желите заиста још увек не постоји. Директива Ангулар ЈС Апплицатион почиње са 'нг-' као што је нг-пп, нг-контролер, нг-виев, нг-модел, нг-класа, нг-клик, нг-срц, итд.

Пример:

Петљајте са нг-понављањем:

    (( Икс ))

  • Обим

Користи се за комуникацију између контролера и приказа. Веже поглед на модел приказа и функције дефинисане у контролеру Ангулар ЈС Апплицатион подржава угнијежђене или хијерархијске домете. То је извор података за Ангулар ЈС апликацију и по потреби може додати или уклонити својство. Све манипулације подацима и додељивање података догађају се кроз објект обима када треба обављати ЦРУД операцију.

  • Контролери

Они се користе за дефинисање опсега за приказе, а опсег се може сматрати променљивим и функцијама за које поглед може да користи неко везивање.

Пример:




First Name:

Last Name:


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

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

  • Подаци везивања

Она синхронизује податке између модела и приказа. То значи да ће промена модела ажурирати приказ. Директива нг модела користи се за двосмерно везивање података.

Пример:
Када корисник откуца у текстуално поље, промењена вредност приказује се великим и малим словима у налепници која је двосмерно везивање података.

  • Услуге

Користи се када се држава дели преко апликације и треба решење за складиштење података. Може бити синглетон и може га користити и друге компоненте као што су директиве, контролери и друге услуге. Коришћене услуге су $ хттп, $ лоцатион, $ лог, $ роуте, $ филтер, $ доцумент, $ тимеоут, $ изнимкаХандлер.

  • Усмеравање

Помаже у подели апликације на више приказа и веже више прегледа са контролерима. Поделио је СПА на више приказа да би логично поделио апликацију и учинио је управљивијом.

Пример: подразумевана рута

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

  • Филтери

Они се користе за ширење понашања обавезујућег израза и директиве. Омогућује форматирање података и форматирање вриједности или примјену одређених увјета. Филтри се позивају у ХТМЛ-у са изразима цеви унутар.

Пример:

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

Филтрирање улаза:

    (((к.наме | велика слова) + ', ' + к.аге + ', ' + к.цити))

  • Изрази

Изрази (()) су декларативни начин специфицирања локације повезивања података у ХТМЛ-у и кориштења израза за везивање података. Може се додати у ХТМЛ предлошке и не подржава изјаве контролног тока, али подржава филтре ради форматирања података пре приказивања.

Пример:

Унесите нешто у поље за унос:

Име:

Написали сте: ((фирстНаме))

  • Модули

    Модул је спремник апликације и контролери апликација припадају модулу. То је збирка функција и дели апликацију на малу и поново употребљиву функционалну компоненту. Модул се може идентификовати јединственим именом и може зависити од других модула.

Пример:



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


  • Тестирање

За тестирање кутног кода апликације ЈС, широко се користе оквири за тестирање попут јасмина и карме. Ови оквири за тестирање углавном подржавају исмијавање и високо конфигурирање користећи ЈСОН датотеку уз помоћ различитих плуг-ин Ангулар ЈС апликација.

Закључак - Угаона апликација ЈС

Угаони ЈС пружа оквир који има јединствене директиве и моћне карактеристике. Директиве нам помажу у изградњи нове синтаксе ХТМЛ која је углавном специфична за апликацију. Користи се као компоненте за вишекратну употребу. Компонента вам омогућава да сакријете сложену структуру и друго понашање. Фокус би био само на ономе што апликација ради и како апликација изгледа одвојено. Угаона ЈС апликација постаје све популарнија ових дана јер је апликацију лако учити и развијати. На тржишту постоји пуно могућности за развојне програмере. Ако сте добри са ЈаваСцрипт-ом, тада вам кутни ЈС неће бити тежак за учење и ажурирање ваших вештина овом технологијом би била сјајна идеја.

Препоручени чланци

Овај чланак је водич за Ангулар ЈС апликацију. Овде смо размотрили концепте угаоне апликације ЈС са неким примером да бисмо боље разумели. Такође можете погледати следећи чланак да бисте сазнали више.

  1. Разлике углова 5 и углова 4
  2. Шта је машинско учење?
  3. Разлике између ЈСОН и БСОН
  4. Шта је Ларавел Фрамеворк?
  5. Шта је тестирање оквира за Јава?

Категорија:

Развој софтвера