Změna DOM pomocí AngularJS

Můžeme prodloužit provoz HTML prostřednictvím změny chování a transformací stromů SLUNCEDíky tomu můžeme upravovat prvky, přidávat nové styly a další akce, které nám umožňují vyvíjet dynamičtější uživatelské rozhraní, k tomu musíme využít směrnic.
K tomu můžeme použít směrnic vlastní AngularJSPokud však potřebujeme něco, čeho nativně dosáhnout nemůžeme, můžeme napsat vlastní směrnice, díky čemuž budeme moci naslouchat událostem prohlížeče a reagovat na ně, nebo jednoduše dělat věci, které nedělá. AngularJS výchozí.
Při vývoji aplikace pomocí AngularJS dojde k některým příležitostem, ve kterých se setkáme se situacemi, ve kterých nativní směrnice neodpovídají naší představě o tom, co by měl náš kód dělat, v podobných chvílích se můžeme odvolat budovat vlastní směrnice.
K definování nové směrnice můžeme použít následující vzorec:

 var moduloApp = angular.module ('moduloApp', […]); moduloApp.directive ('DirectiveName', DirectiveMethod); 

Jak vidíme, musíme pouze definovat modul, ve kterém použijeme naši směrnici, a poté musíme uvést její název a metodu, kterou musí provést.
HTML 5 má velmi zajímavou funkci automatické ostřeníTo nám umožňuje zaměřit vstupní prvek ve formuláři, což pomáhá definovat cestu pro uživatele, ale co se stane, pokud nemáme HTML 5 a nechceme se soustředit na vstup, protože tam vstupuje do hry AngularJS a směrnicemi, směrnicí můžeme tuto situaci vyřešit jednoduchým způsobem.
Co bychom měli dělat?Nejprve musíme vytvořit vlastní směrnici pomocí formuláře, který jsme uvedli dříve, čímž vytvoříme požadované chování, v tomto případě automatické ostření. Pak díky objektu $ rozsah Tuto směrnici můžeme použít na jakýkoli prvek, v případě tohoto příkladu ji použijeme na odkaz, díky čemuž můžeme zažít sílu AngularJS.
Podívejme se na výsledek toho, čeho chceme dosáhnout:

K tomu musíme dodržovat následující kód, kde jsme implementovali to, co již bylo vysvětleno:

 Bez zaostření Se zaostřením{{message.text}}

Jak vidíme, zavedeme na začátku vlastní směrnici, což vede k umístění automatické ostření v prvku, který má tuto směrnici, pak postavíme řadič, který nám pomůže odhalit změny při tisku některých zpráv.
Tímto tento tutoriál dokončíme, protože vidíme manipulaci s SLUNCE je to možné s AngularJS a díky směrnicím můžeme dosáhnout velmi zajímavých efektů.Líbil se vám tento návod a pomohl mu?Autora můžete odměnit stisknutím tohoto tlačítka, čímž mu dáte kladný bod