Разумевање опсега у АнгуларЈС -у

Када радимо са АнгуларЈС и почињемо да читамо документацију, прво што видимо је реч ОбимОво би се могло превести на шпански као опсег, међутим употреба у овом оквиру је много шира.

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

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

Захтеви

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

2- Морамо имати и богат уређивач текста који нам омогућава да напишемо потребан код за наше примере, ово може бити Узвишени текст или Нотепад ++.

3- Коначно, морамо имати приступ Интернету да бисмо користили укључивање АнгуларЈС -а преко његовог ЦДН -а или смо преузели датотеку која садржи оквир за локално послуживање.

Шта је опсег?

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

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

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

ЕНЛАРГЕ

Како прототип функционише?

За разлику од језика попут Јава, Ц ++ и други, ЈаваСцрипт другачије третира концепт наслеђа, зато морамо научити чему служи прототип што није ништа друго до метода која постоји унутар конструктора класа која нам омогућава да додамо нова својства унутар нашег кода.

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

У следећем примеру видећемо како креирамо класу са одређеним својствима или атрибутима, а затим кроз прототип Ми можемо додати додатно својство нашој класи и на тај начин учинити инстанцу да јој можемо приступити.

Занимљиво је да постоји метода која нам помаже да проверимо да ли је неки атрибут типичан за класу, ако ова метода врати лажну вредност, знаћемо да је то атрибут који је резултат наслеђивања са прототип. Хајде да видимо код који представља све ово:

 Документ 

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

Тада примећујемо како се метода хасОВнПроперти Помаже нам да идентификујемо оригиналне атрибуте или својства класе или не. Тако можемо разумети да ли смо створили ефикасно наслеђе, јер можемо схватити како проширујемо капацитет класе.

ВажноОва врста наслеђа кроз прототип је оно што важи АнгуларЈС при стварању различитих Опсези документа у апликацији, где се креће кроз стабло СУНЦЕ где прво идентификује да ли својство постоји нг-апп, у том тренутку верујте $ роотСцопе, онда проналажење контролера ствара променљиву $ опсег то произилази из примене методе $ роотСцопе.нев ().
И тако ескалира док проналази унутрашње елементе један у другом, наслеђујући из непосредно претходне структуре, узимајући његове функционалности изведене из $ роотСцопе и сопствене функционалности.

У следећем примеру развили смо апликацију у којој имамо два контролера, на овај начин видимо како кроз наслеђивање Обим различита својства или атрибути истих се наслеђују, све док не дође до угнежђене структуре која може приступити својствима родитеља и проширити функционалност апликације као такве. Да видимо код:

 {{уредници}} има књиге из: {{категорија}}
Најпопуларније књиге аутора {{едиторс}} су:

 {{књига}}

Овде нам пример показује оно што смо горе објаснили, када је у оквиру Други контролер Едиторс називамо својством и када га одштампамо видимо да носи додељену вредност родитељског елемента Први контролер. На крају додајемо атрибут или књиге својстава које није било у Обим роот и успели смо да прођемо кроз $ опсег предметног контролора. Још један занимљив аспект је да својства Обим роот, иако постоје, нисмо их позвали у оквиру опсега у којем им можемо приступити, па када видимо пример нећемо их видети на екрану прегледача

Ово се може сматрати помало неочекиваним, али то је најбољи начин да се разуме како је променљива $ опсег ради у оквиру наших апликација и на тај начин моћи ће то применити у оквиру своје логике како би извукли максимум из алата оквира. Погледајмо на следећој слици како изгледа наша претходна апликација и како су испуњене објашњене тачке:

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

Посматрач као напредни концепт

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

Како то функционише?Додавањем као слушалац неког елемента унутар наше апликације, овај објекат ће се регистровати сваки пут када дође до промене у њему. На овај начин можемо применити услове сваки пут када се догоди догађај који утврдимо. Пример може бити када градимо корпу за куповину, ако корисник дода више ставки можемо приказати поруку, или ако покуша да купи неколико пута питамо га да ли има проблем.

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

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

Да ли вам се допао и помогао овај водич?Можете наградити аутора притиском на ово дугме да бисте му дали позитиван поен