AngularJS

Վիքիպեդիայից՝ ազատ հանրագիտարանից
AngularJS
AngularJS logo.svg
Տեսակ software framework, JavaScript գրադարան, software library և ծրագրավորման լեզու[1]
Նախագծումը՝ Գուգլ
Գրված է՝ ՋավաՍկրիպտ
Լույս տեսավ՝ հոկտեմբերի 20, 2010
Արտոնագիր MIT արտոնագիր[2]
Նախորդ Angular
Կայք angularjs.org[3]
Աղբյուր կոդ github.com/angular/angular.js
AngularJS Վիքիպահեստում

AngularJS (հայտնի է նաև Angular և Angular.js անուններով) բաց կոդով JavaScript framework է կառուցված MVC ճարտարապետության վրա, որը հիմնականում հովհանավորվում է Գուգլ-ի կողմից։ AngularJs-ը ստեղծված է մեկէջյա Վեբ համակարգեր ստեղծելու համար։ Այն ձևափոխում է HTML-ն հավելյալ HTML tag-երի և HTML tag-երի ատրիբուտների միջոցով։ HTML tag-երի ատրիբուտների միջոցով հիմնականում արտացոլվում են կամ արժեքներ են ստանում JavaScript փոփոխականները։

AngularJs-ը նաև կիրառվում է IONIC framework-ում, օգտագործելով Apache Cordova-ն, հիբրիդային բջջային հավելվածներ ստեղծելու համար։

AngularJs-ը նաև հանդես է գալիս MEAN-ի frontend-ը, որը MongoDB, Express.js, AngularJs և Node.js տեխնոլոգիաների համագործակությունն է։

Նկարագրություն[խմբագրել | խմբագրել կոդը]

Մեթոդներ, որոնք նախանշված են $ http ծառայությունների համար՝

* delete()
* get()
* head()
* jsonp()
* patch()
* post()
* put()

Հատկություններ[խմբագրել | խմբագրել կոդը]

  • config– գեներացնում է հարցման ենթակա օբյեկտը
  • data a string– սերվերից ստացվող պատասխանը կրող տող կամ էլեմենտ։
  • headers– Վերնագրի մասին տեղեկություն հաղորդող ֆունկցիա։
  • status –կարգավիճակի նույնականացման համարը :
  • statusText– HTTP կարգավիճակը որոշող տող:

Ներկառուցված AngularJS կիրառական հրահանգներ[խմբագրել | խմբագրել կոդը]

AngularJS դիրեկտորիայի միջոցով հնարավոր է ստեղծել ծրագրավորման HTML-թեգեր և ատրիբուտներ, որպեսզի որոշ տարրերի հատկություններ վերագրվեն:[4]

ng-app
Ընտրում է օբյեկտ և հայտարարում է որպես արմատ` դիմումի համար.[5]
ng-bind
ՀՏՄԼ կոդը փոխարինում է այն օբյեկտով, որն անմիջապես ստանում է փոխարկված արժեքը:
ng-model
Նման է ng-bind-ին, միայն ապահովում է երկկողմանի կապը: [6] Փոփոխելով օբյեկտի պարունակությունը, անգուլյարը փոխում է նաև մոդելի նշանակությունը: Մոդելի իմաստը փոխվելով՝ փոխվում է օբյեկտի ներքին պարունակությունը:
ng-class
Դինամիկ դասերի համար սահմանում է ներբեռնումներ:
ng-controller
HTML արտահայտությունների համար սահմանում է Javascript- ի վերահսկիչ, որը կհամապատասխանի MVC- ին : [7]
ng-repeat
Յուրաքանչյուր հավաքածուի համար սահմնաում է DOM- ի օրինակ:[8]
ng-show և ng-hide
Թաքցնում կամ ցուցադրում է օբյեկտը՝ կախված արտահայտության իմաստից:
ng-switch

Տարբեր հնարավոր տարբերակներից ստեղծում է շաբլոնի մոդել, որը կհամապատասխանի արտահայտության արժեքին:

ng-view
Բազային դիրեկտորիա, որը պատասխանատու է երթուղու մշակման համար[9], որոնք ընդունում են JSON- ն, նախքան տվյալ կարգավարների կողմից վերահսկվող կաղապարներ ցուցադրելը:
ng-if
Ավելացնում կամ հեռացնում են DOM- դոմենի մի մասը, կախված արտահայտության արժեքից:

Եթե ​​ngIf- ին տրված արտահայտության արժեքը կեղծ է, ապա տարրը հեռացվում է DOM- ից, հակառակ դեպքում կլոնավորված տարրը նորից տեղադրվում է DOM- ում:[10] Կան նաև դիրեկտիվներ, որոնք օգտագործում են շաբլոններ script թեգերում: [11][12]

Ստեղծման նպատակները[խմբագրել | խմբագրել կոդը]

Տվյալների երկկողմանի կապ[խմբագրել | խմբագրել կոդը]

Տվյալների երկկողմանի կապը AngularJS -ում ամենակարևոր առանձնահատկությունն է, որը կրճատում է ծրագրային կոդերի քանակը՝ սերվերին ազատելով շաբլոնների հետ աշխատանքի անհրաժեշտությունից: Դրա փոխարեն շաբլոնները դիտարկվում են որպես առանձին սովորական HTML, որը լրացված է մոդելում հատկանշված տվյալներով: $scope ծառայությունը Angular-ում վերահսկում է մոդելի փոփոխությունները վերահսկիչի միջոցով: Բացի դրանից, յուրաքանչյուր փոփոխությունն արտացոլվում է մոդելում: Սա թույլատրում է անհրաժեշտության դեպքում շրջանցել DOM-ը և վեբ-ծրագրերում հեշտացնում է սկզբնավորումն ու նախատիպերի սահմանումը: [13]: Բերենք օրինակ, որտեղ դիմում է հղվում սերվերին.

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $http) {
$http.get("welcome.htm")
.then(function(response) {
$scope.myWelcome = response.data;
});
});

Պատասխանն արտածվում է՝ Today's welcome message is:

Hello AngularJS Students

The $http service requests a page on the server, and the response is set as the value of the "myWelcome" variable.

Plugin Chrome-ի համար[խմբագրել | խմբագրել կոդը]

2012 թ. հուլիսին Անգուլար թիմը Google Chrome զննարկիչի համար թողարկեց Batarang անվանումով պլագին[14], որը հեշտացնում է այն վեբ-էջերի կարգավորումները, որոնք ստեղծված են Angular խմբագրիչով: Ընդլայնումը թույլ է տալիս հեշտությամբ հայտնաբերել խոչընդոտները և կարգաբերող ծրագրերի համար առաջարկում է գրաֆիկական ինտերֆեյս: [15]:

Արտաքին հղումներ[խմբագրել | խմբագրել կոդը]

Ծանոթագրություններ[խմբագրել | խմբագրել կոդը]