如何使用angular.js中的jqlite

Question

文档中的说明：

angular.element(element)

我自己的调用：

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

根本没法执行，有大神给讲解一下吗？

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

Answer 1

Although angular.element is very close to jQuery, it is still not possible to obtain elements directly through HTML tags. The simplest way is as follows:

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

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

Answer 2

You can see it by looking at the document
The parameter requirement of angular.element() is HTML string or DOMElement, but what you write is a selector, which does not meet the parameter requirement of angular.element. If you want to use this usage, you need to add jquery

Answer 3

Change it to this:

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

Answer 4

Angular does not recommend direct manipulation of the DOM, so if you want to add class, it is recommended to do so (I can't open your connection, I don't know how you wrote the code, so I will use my own)

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

Yes, I originally thought about passing the currently clicked button object through ng-click, but in the end I found that Angular does not allow this. . .
I had no choice but to use angular’s ​​built-in jQlite to handle it!