Spisie treści
Możemy przedłużyć działanie HTML poprzez zmianę zachowań i przekształcenia drzew SŁOŃCE, dzięki temu możemy modyfikować elementy, dodawać nowe style i inne działania, które pozwalają nam rozwijać bardziej dynamiczny interfejs użytkownika, do tego musimy skorzystać z dyrektywy.Do tego możemy użyć dyrektywy własne AngularJSJeśli jednak potrzebujemy czegoś, czego nie możemy osiągnąć natywnie, możemy napisać własne dyrektywy, dzięki temu będziemy mogli nasłuchiwać i reagować na zdarzenia przeglądarki lub po prostu robić rzeczy, których nie robi. AngularJS domyślny.
Podczas tworzenia aplikacji z AngularJS będą sytuacje, w których napotkamy sytuacje, w których natywne dyrektywy nie są zgodne z naszym wyobrażeniem o tym, co powinien robić nasz kod, w takich momentach możemy się odwołać budujemy własne dyrektywy.
Aby zdefiniować nową dyrektywę, możemy posłużyć się następującym wzorem:
var moduloApp = angular.module ('moduloApp', […]); moduloApp.directive ('Nazwa Dyrektywy', MetodaDyrektywy); Jak widać, wystarczy zdefiniować moduł, w którym zamierzamy zastosować naszą dyrektywę, a następnie wskazać jego nazwę i metodę, którą ma wykonać.
HTML 5 posiada bardzo ciekawą funkcjonalność jaką jest automatyczne ustawianie ostrości, pozwala nam to skoncentrować się na elemencie wejściowym w formularzu, pomagając w ten sposób zdefiniować ścieżkę dla użytkownika, ale co się stanie, jeśli nie mamy HTML 5 i nie chcemy skupiać się na wejściu, ponieważ tam wchodzi w grę AngularJS i dyrektywy, za pomocą dyrektywy możemy rozwiązać tę sytuację w prosty sposób.
Co powinniśmy zrobić?Najpierw musimy zbudować niestandardową dyrektywę używając formy, którą wskazaliśmy wcześniej, w ten sposób ustalamy pożądane zachowanie, w tym przypadku automatyczne ustawianie ostrości. Następnie dzięki obiektowi $ zakres Możemy zastosować tę dyrektywę do dowolnego elementu, w przypadku tego przykładu zastosujemy ją do linku, dzięki temu możemy doświadczyć mocy AngularJS.
Zobaczmy wynik tego, co chcemy osiągnąć:
Bez skupienia Z skupieniem{{Wiadomość tekstowa}}Jak widać, na początku ustalamy niestandardową dyrektywę, co prowadzi do umieszczenia automatyczne ustawianie ostrości w elemencie, który ma tę dyrektywę, budujemy kontroler, który pomoże nam wykryć zmiany podczas drukowania niektórych komunikatów.
Na tym kończymy ten samouczek, ponieważ widzimy manipulację SŁOŃCE jest to wykonalne z AngularJS a dzięki dyrektywom możemy osiągnąć bardzo ciekawe efekty.Podobał Ci się i pomógł ten samouczek?Możesz nagrodzić autora, naciskając ten przycisk, aby dać mu pozytywny punkt
