Comment utiliser jqlite dans angulaire.js

Question

Instructions dans la documentation :

angular.element(element)

Mon propre appel :

angular.element("xx").addClass("xx")

Il est impossible du tout de le mettre en œuvre. Quelqu’un peut-il l’expliquer ?

http://jsfiddle.net/twn39/sy38y/1/

Answer 1

Bien qu'angular.element soit très proche de jQuery, il n'est toujours pas possible d'obtenir des éléments directement via des balises HTML. La manière la plus simple est la suivante :

angular.element(document.querySelector('p'));

http://jsfiddle.net/sy38y/2/

Answer 2

Vous pouvez le voir dans le document
L'exigence de paramètre d'angular.element() est une chaîne HTML ou DOMElement, mais ce que vous écrivez est un sélecteur, qui ne répond pas à l'exigence de paramètre d'angular.element. Si vous souhaitez utiliser cette utilisation, vous devez ajouter jquery

Answer 3

Changez pour ceci :

    var par = document.getElementsByTagName('p')[0];
    angular.element(par).addClass('blue');

Answer 4

Angular ne recommande pas la manipulation directe du DOM, donc si vous souhaitez ajouter une classe, il est recommandé de le faire (je n'arrive pas à ouvrir votre connexion, je ne sais pas comment vous avez écrit le code, donc je le ferai utilise le mien)

HTML

<button ng-click="showActive()"></button>
<p ng-class="{'active':show===1}"></p>

js

$scope.showActive=function(){
    $scope.show=1;
}

Answer 5

angular.element(document).find('xx').addClass('yy')

Answer 6

Oui, au départ, j'avais pensé à transmettre l'objet bouton actuellement cliqué via ng-click, mais à la fin j'ai trouvé qu'Angular ne le permettait pas. . .
Je n'ai pas d'autre choix que d'utiliser le jQlite intégré d'Angular pour le gérer !