à l'aide de l'élément.AddClass pour ajouter un angular js directive, qui est limité à agir en tant que "classe"

J'ai fait une directive en angular js restreint d'agir en tant que classe, et cette directive fait mon élément glisser-mesure.

Sur mousehover je veux faire addClass et ajouter de la présente directive, qui est censé être une classe, mais cela ne marche pas donner le résultat escompté, suis-je raté quelque chose? ci-dessous est ce que je fais

module.directive('myDraggable', function ($document) {

   var directiveObject= {

   restrict:'AC',

//logic of dragging
}
return directiveObject;
});

j'essaie de faire 

 element.addClass('myDraggable'); //but this fails! pls help
  • C'est la classe n'est ajouté ou est-il ajouté, mais la directive ne fonctionne pas?
  • la directive fonctionne très bien tout ce que je veux faire est de faire un peu de div s de glisser-mesure en fonction de la valeur de retour d'un service web, c'est pourquoi je tiens à ajouter de la présente directive à la div sur l'exécution.
  • Compris. Mais ce que je voulais dire: Ne addClass fonctionne pas ou ne la directive de ne pas fonctionner même si l'ajout de la classe correctement?
InformationsquelleAutor Rishul Matta | 2013-12-09
  1. 46

    Je suppose, Angulaire n'est pas d'observer les éléments, s'ils obtiennent une nouvelle directive fixé au moment de l'exécution.
    Pour le faire fonctionner, vous devez recompiler l'élément après l'ajout de la classe avec
    $compiler.

    Quelque chose comme

    element.addClass('myDraggable');
$compile(element)(scope);

    ce qui concerne

    • J'ai essayé d'ajouter $compiler, mais rien ne s'est passé et même l'élément ne s'affiche pas dans le html. Dois-je ajouter de plus?
    • Je les ai RangeError: le Maximum de la pile d'appels de taille dépassait'
    InformationsquelleAutor kfis
  2. 9

    Vous pouvez utiliser le angulaire.élément fonction. C'est essentiellement le même comme un élément jquery $(element)

    Viens de faire:

    angular.element(element).addClass('myDraggable');
    InformationsquelleAutor Graham T