Restricții în directivele angulare

Bună ziua tuturor. Astăzi vom analiza ce reprezintă restricții în directive.

Creați un div și puneți atributul foo-bar pe el

Trebuie amintit că directivele sunt descrise prin intermediul camelCase, iar în șablon sunt chemați printr-o linie.







După cum vedem, browserul nostru a atras elementul nostru DOM și fooBar a fost afișat în consola.

Implicit, directiva se va declanșa atunci când o creăm ca un atribut sau ca element

Indiferent dacă este vorba de un atribut sau de un element, directiva va funcționa la fel. Atributul și elementul sunt cele două restricții implicite.

Doar acum, în directiva noastră, am specificat o restricție în atribut. Aceasta înseamnă că directiva va răspunde doar atributului, iar elementul nu va. În browser, vedem că directiva noastră a funcționat doar o singură dată.







Dacă schimbăm restricția în E, directiva va funcționa numai asupra elementului.

Implicit, directivele au o intrare pentru EA. Aceasta înseamnă că acestea vor declanșa pe un element sau un atribut. Acestea sunt cele două metode cele mai frecvent utilizate. Metodele rămase nu sunt folosite niciodată, dar le vom lua în considerare acum.

A treia constrângere se numește clasă.

Acum putem crea o directivă ca o clasă.

Acum, directiva a funcționat doar o singură dată cu ajutorul unei intrări în clasă.

Toate aceste restricții pot fi specificate simultan.

După cum se poate vedea, în consola browser-ului fooBar log a fost dedus de 4 ori. Dacă vedeți acum clauza restrictivă din directivă, nu vă puneți în panică, ci doar parametrii inițializării directivei.







Trimiteți-le prietenilor: