Туториал Ангулар Сцопе

Блог

Туториал Ангулар Сцопе

1. Преглед

У овом посту прегледамо опсег у Ангулар -у. Доноси се као аргумент када направимо контролер:



ng-controller

Опсег је заправо објекат то се односи на модел у структури апликације, као што је Модел Виев Цонтроллер (МВЦ).

Он пружа дефиниције-познате и као контекст-за назване исечке кода сличне ЈаваСцрипт-у изрази . Опсези су структуирани у хијерархији која опонаша Објектни модел документа (ДОМ) структуру апликације. Опсези могу гледати изразе и ширити догађаје на сличан начин као ДОМ догађаји.



2. Опсег је модел података

Шта за Сцопе значи бити модел података? То је ЈаваСцрипт објекат са својствима и методама којима могу да приступе и поглед и контролер:



Овде имамо пример који показује како измена приказа може утицати на контролер и модел:

name

Слободно копирајте и залепите тај код у свој омиљени уређивач текста или преузмите датотеку са моје странице ГитХуб .

У овом једноставном примеру, ако променимо унос на веб страници, видећемо промену вредности за поздрав у

ознаке:

3. Основни опсег и хијерархије

Свака Ангулар апликација има само један роот опсег, али може имати било који број подређених опсега.

Апликација може имати неколико опсега јер директиве могу створити нове подређене опсеге. Када се створе нови опсези, они постају потомци свог родитељског опсега. Ово ствара структуру стабла која је паралелна са ДОМ -ом где су причвршћени.

Пример испод, који је доступан у мом ГитХуб , показује како више опсега функционише у апликацији, а такође и прототипско наслеђивање својстава:

 var myApp = angular.module('myApp', []); 

myApp.controller(‘myController’, function($scope) {
$ scope.name = Red Dead Redemption;
});

Страница ће се приказати овако:

јединство стрелаца одозго надоле

У горе приказаном коду, када [[име]] се вреднује помоћу Ангулар -а, прво гледа опсег повезан са вредношћу за | _+_ | атрибут за | _+_ | својство. Због тога пише Хелло Ворлд! на врху уместо имена лика из Ред Деад Редемптион 2.

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

Без обзира на то како се заиста зове, оно што морамо знати је да ЈаваСцрипт има само једну конструкцију: објекте. Сваки објекат има приватну својину која садржи везу до другог објекта који се назива његов прототип.

4. Закључак

Данас смо прегледали основне концепте опсега у Ангулар -у. Прегледали смо да је то објекат који се налази у моделу апликације, да је хијерархијски и има прототипско наслеђивање, а може постојати и само један роот опсег.

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

Првобитно објавио Мицхаел Гоод ат дзоне.цом

==========================================

Хвала вам што сте прочитали: хеарт: Ако вам се допао овај пост, поделите га са свим пријатељима из програмирања! Прати ме; прати ме у Фејсбук | Твиттер

Сазнајте више

Ангулар 8 (раније Ангулар 2) - Комплетан водич

Довршите Ангулар 8 од нуле до хероја | Се запослио

Научите и разумејте АнгуларЈС

Комплетан кутни курс: од почетника до напредних

пакет компатибилан са Мицрософт Оффице -ом

Ангулар Црасх Цоурсе за запослене програмере

Ангулар Ессентиалс (Ангулар 2+ са ТипеСцрипт)

Ангулар (потпуна апликација) са Ангулар материјалом, Ангуларфире & НгРк

Ангулар & НодеЈС - Водич за МЕАН стацк


#угаони #веб-развој

дзоне.цом

Туториал Ангулар Сцопе

Модел опсега је важан концепт у Ангулар -у. Хајде да погледамо шта је то и како то искористити.