Angulaire nom de la directive: les lettres minuscules permis?

Question

Mon code:

app.directive('abcabc', function (){ alert('directive');}); // working

mais

app.directive('abcAbc', function (){ alert('directive');}); // not working !
app.directive('abc-abc', function (){ alert('directive');}); // not working !

Je fais mal? Ou il y a des règles de nommage Angulaire de la directive?

Answer 1

AngularJS tente de rendre tout le monde heureux!

Certaines personnes préfèrent utiliser des attributs de données, comme data-abc-abc, je suppose que pour garder les validateurs heureux. D'autres personnes préfèrent utiliser des espaces de noms comme abc:abc, et d'autres préfèrent utiliser le nom de la directive abcAbc. Ou même tous les chapeaux ABC_ABC. Ou attributs de l'extension comme x-abc-abc.

AngularJS normalise le nom utilisé dans le HTML pour tenter de couvrir l'ensemble de ces cas. data- et x- sont dépouillés, le reste en camelcase avec :, - et _ que les limites des mots. Cela rend abcAbc les cas mentionnés ci-dessus, qui est utilisée pour rechercher la directive déclaré en JavaScript.

Tout ceci est appelé attribut de normalisation (US: attribut de normalisation) et peut être trouvé dans la AngularJS la documentation et le code source.

Answer 2

Vous devez utiliser dash noms séparés à l'intérieur de l'html et camelCase pour le nom correspondant dans la directive.

Comme vous pouvez le lire sur la doc: Angulaire utilise le nom-avec-des tirets pour les noms d'attribut et camelCase pour la directive correspondante de nom)

Ici: http://docs.angularjs.org/tutorial/step_00

Answer 3

Les Directives ont camelcase des noms tels que ngBind. La directive peut être invoquée par la traduction du chameau cas de nom en cas de serpent avec ces caractères spéciaux :, -, ou _. En option, la directive peut être préfixé avec x-, ou de données - pour en faire le validateur HTML conforme. Voici une liste de quelques-uns des noms de la directive: ng:lier, ng-bind, ng_bind, x-ng-bind et data-ng-bind.

Lire la doc s'il vous plaît.