Com es crea una directiva personalitzada a AngularJS: explicació pas a pas

Bloc

Com es crea una directiva personalitzada a AngularJS: explicació pas a pas

Per ampliar la funcionalitat de l'HTML en JS angular, s'utilitzen directives duaneres. La directiva la defineixen els usuaris per ampliar les funcionalitats HTML mitjançant les funcions desitjades. Qualsevol element per al qual es generin les directives duaneres es substitueix per ell. Tot i que hi ha moltes directives en JS angulars, pot haver-hi casos que requereixin directives personalitzades.



Els elements següents es poden utilitzar per crear directives personalitzades mitjançant JS angular. L’activació d’una directiva es basa en el tipus de directiva.

  • Directrius d’elements: sempre que hi ha un element que coincideix, té lloc l’activació de la directiva.
  • Atribut: amb la coincidència d’un atribut, la directiva s’activa.
  • CSS: amb la coincidència d’un estil CSS, s’activa la directiva.
  • Comentari: en trobar un comentari coincident, la directiva s'activa.

Taula de continguts



  • Registre d’un mòdul amb el d’una Directiva
  • Enquadernació de dades en angular
  • Creació d’una directiva personalitzada
  • Explicació del codi:
  • Abast de les directives AngularJS
  • Explicació del codi
  • Gestió d'esdeveniments en una Directiva
  • Conclusió

Registre d’un mòdul amb el d’una Directiva

Programa per al registre de mòduls a una directiva



Font

marcadors react-map-gl

S'ha fet una trucada de funció directive () al mòdul. Mitjançant aquesta convocatòria es pot registrar una nova directiva.

La directiva de registre té un nom específic que s’utilitza com a primer paràmetre de la funció. Aquest nom apareix a la plantilla HTML quan l'usuari vol activar la directiva. Al codi s’utilitza el nom ‘div’. Això significa que cada vegada que l’element HTML amb el nom ‘div’ coincideix amb un element de la plantilla HTML, s’activa la directiva.

# desenvolupament complet de pila #angularjs #angular

www.upgrad.com

Com es crea una directiva personalitzada a AngularJS: explicació pas a pas

Explicació del codi: per ampliar la funcionalitat de l'HTML en JS angular, s'utilitzen directives duaneres. La directiva la defineixen els usuaris. Com es crea una directiva personalitzada a AngularJS: explicació pas a pas. Primer creem un controlador anomenat 'DemoController'. · A la nostra directiva personalitzada