AngularJS
![]() | |
---|---|
Տեսակ | ֆրեյմվորք, ՋավաՍկրիպտ գրադարան և ծրագրային գրադարան |
Նախագծումը՝ | Գուգլ |
Գրված է՝ | ՋավաՍկրիպտ[1] |
Լույս տեսավ՝ | հոկտեմբերի 20, 2010 |
Պլատֆորմ | web platform? |
Վերջին կայուն տարբերակ | 1.8.3 (ապրիլի 7, 2022)[2][3] |
Արտոնագիր | MIT արտոնագիր[4][5] |
Կայք | angularjs.org(անգլ.) |
Ելակոդ | github.com/angular/angular.js |
![]() |
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 տեխնոլոգիաների համագործակությունն է։
Նկարագրություն
Հանրաճանաչ ներկառուցված AngularJS հրահանգներ
AngularJS դիրեկտորիայի միջոցով հնարավոր է ստեղծել ծրագրավորման HTML-թեգեր և ատրիբուտներ, որպեսզի որոշ տարրերի հատկություններ վերագրվեն:[6]
- ng-app
- Ընտրում է օբյեկտ և հայտարարում է որպես արմատ` դիմումի համար.[7]
- ng-bind
- ՀՏՄԼ կոդը փոխարինում է այն օբյեկտով, որն անմիջապես ստանում է փոխարկված արժեքը:
- ng-model
- Նման է ng-bind-ին, միայն ապահովում է երկկողմանի կապը: [8] Փոփոխելով օբյեկտի պարունակությունը, անգուլյարը փոխում է նաև մոդելի նշանակությունը: Մոդելի իմաստը փոխվելով՝ փոխվում է օբյեկտի ներքին պարունակությունը:
- ng-class
- Դինամիկ դասերի համար սահմանում է ներբեռնումներ:
- ng-controller
- Определяет JavaScript-контроллер для вычисления HTML-выражений в соответствии с MVC.[9]
- ng-repeat
- Յուրաքանչյուր հավաքածուի համար սահմնաում է DOM- ի օրինակ:[10]
- ng-show и ng-hide
- Թաքցնում կամ ցուցադրում է օբյեկտը՝ կախված արտահայտության իմաստից:
- ng-switch
- Создает экземпляр шаблона из множества вариантов, в зависимости от значения выражения.
- ng-view
- Базовая директива, отвечает за обработку маршрутов[11], которые принимают JSON перед отображением шаблонов, управляемых указанными контроллерами.
- ng-if
- Удаляет или создает часть DOM-дерева в зависимости от значения выражения. Если значение выражения, назначенного ngIf, равно false, элемент удаляется из DOM, иначе — вновь клонированный элемент вставляется в DOM.[12]
Также существует возможность создавать настраиваемые директивы, используя в том числе шаблоны в теге script.[13][14]
Ստեղծման նպատակները
- առանձնացնել DOM-ի հետ աշխատանքը ծրագրի բիզնես տրամաբանությունից
- առանձնացնել frontend-ը backend-ից
- տրամադրել կառուցվածք, որում հստակ առանձնացված են օգտագործողի ինտերֆեյս (անգլ.՝ UI) մշակողի, բիզնես տրամաբանությունը գրողի և տեսավորողի աշխատանքները
Ծանոթագրություններ
- ↑ The angularjs Open Source Project on Open Hub: Languages Page — 2006.
- ↑ Release 1.8.3 — 2022.
- ↑ 1.8.3 ultimate-farewell (2022-04-07)
- ↑ angular.js/LICENSE at master · angular/angular.js · GitHub
- ↑ The angularjs Open Source Project on Open Hub: Licenses Page — 2006.
- ↑ Пишем простую директиву
- ↑ ngApp
- ↑ Data Binding
- ↑ https://docs.angularjs.org/api/ng/directive/ngController
- ↑ ngRepeat — directive in module ng
- ↑ Component Router
- ↑ ngIf Angular docs
- ↑ Учебник AngularJS: всеобъемлющее руководство. Часть 2. (Настраиваемые директивы).
- ↑ Шаблоны в директивах
![]() | Վիքիպահեստն ունի նյութեր, որոնք վերաբերում են «AngularJS» հոդվածին։ |
|