directive personnalisée angulaireJs

Le contenu de cet article concerne les instructions personnalisées d'AngularJ. Maintenant, je le partage avec vous. Les amis dans le besoin peuvent s'y référer

Définition

<.>

Pour les instructions, cela peut être simplement compris comme une fonction qui s'exécute sur un élément DOM spécifique. Les instructions peuvent étendre les fonctionnalités de cet élément.

2. Méthode de définition d'une directive :

<br/>

Le premier paramètre, le nom de la directive myDirective, est utilisé pour référencer une directive spécifique dans la vue.

Le deuxième paramètre est une fonction. Cette fonction renvoie un objet. Le service $compile utilise l'objet renvoyé par cette méthode pour construire le comportement de l'instruction lorsque le DOM appelle l'instruction. <br/>

3. Les options définies par la directive

<br/>

1. restreignent la forme sous laquelle la directive peut être référencée ou déclarée dans le DOM

   <br/>

   E (élément) <ma-directive></ma-directive>

   A (attribut, valeur par défaut) <p ma-directive="expression"></p> (nom de la classe) <p class="my-directive:expression;"></p> <br/>M (commentaire) <--directive:my-directive expression--><br/><br/>

La priorité est utilisée pour indiquer l'ordre de priorité d'utilisation des instructions
2. S'il y a deux instructions avec la même priorité sur un élément, celle déclarée précédemment sera appelée en premier. Si l'une d'entre elles a une priorité plus élevée, elle sera appelée en premier quel que soit l'ordre de déclaration : l'instruction ayant la priorité la plus élevée est toujours exécutée en premier.

   <br/>

le terminal est utilisé pour indiquer à AngularJS d'arrêter d'exécuter des instructions avec une priorité inférieure à cette instruction sur l'élément actuel. Cependant, les instructions ayant la même priorité que l’instruction actuelle seront toujours exécutées.

3. <br/>

modèle
4. est utilisé pour représenter un modèle, qui peut être une chaîne, telle que "<h1> Ceci est une instruction personnalisée</h2>", ou C'est une fonction, vous pouvez vous référer à l'exemple ci-dessus

   <br/>

   <br/>

templateUrl est utilisé pour représenter le modèle, qui est similaire à la fonction modèle ci-dessus, mais représente le chemin, qui peut être une chaîne du chemin d'un fichier HTML externe. Il peut également s'agir d'une fonction qui accepte deux paramètres, tElement et tAttrs, et renvoie une chaîne avec le chemin d'un fichier HTML externe.
remplacer par défaut à false, le modèle sera inséré en tant qu'élément enfant dans l'élément appelant cette commande, si vrai, l'élément sera directement remplacé

6. <br/>

portée

7. <br/>

   <br/>

   <br/>

   <br/>

   <br/>

   <br/>

   <br/>

8. controller
   controller参数可以是一个字符串或一个函数。当设置为字符串时，会以字符串的值为名字， 来查找注册在应用中的控制器的构造函数.当为函数时，可以像平时写控制器那样写，可以将任意可以被注入的AngularJS服务传递给控制器

9. controllerAs（字符串）
   controllerAs参数用来设置控制器的别名，可以以此为名来发布控制器，并且作用域可以访 问controllerAs。这样就可以在视图中引用控制器，甚至无需注入$scope。

10. require
    require参数可以被设置为字符串或数组，字符串代表另外一个指令的名字。require会将控 制器注入到其值所指定的指令中，并作为当前指令的链接函数的第四个参数。

    
    

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!