Промена ДОМ -а са АнгуларЈС -ом

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

 вар модулоАпп = ангулар.модуле ('модулоАпп', […]); модулоАпп.дирецтиве ('ДирецторНаме', ДирецтивеМетход); 

Као што видимо, морамо само да дефинишемо модул у коме ћемо применити нашу директиву, а затим морамо да наведемо њено име и метод који мора да изврши.
ХТМЛ 5 има веома занимљиву функционалност ауто фокус, ово нам омогућава да усредсредимо улазни елемент у образац, чиме помажемо у дефинисању путање за корисника, међутим шта се дешава ако немамо ХТМЛ 5 и не желимо да се фокусирамо на улаз, јер ту он долази у обзир АнгуларЈС и директиве, са директивом можемо решити ову ситуацију на једноставан начин.
Шта да радимо?Прво морамо изградити прилагођену директиву користећи образац који смо претходно навели, чиме успостављамо жељено понашање, у овом случају ауто фокус. Затим захваљујући објекту $ опсег Ову директиву можемо применити на било који елемент, у случају овог примера ћемо је применити на везу, са овим можемо искусити моћ АнгуларЈС.
Хајде да видимо резултат онога што желимо да постигнемо:

За ово морамо следити следећи код, где смо применили оно што је већ објашњено:

 Без фокуса Са фокусом{{мессаге.тект}}

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