Cara menggunakan jqlite dalam angular.js

Question

Arahan dalam dokumentasi:

angular.element(element)

Panggilan saya sendiri:

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

Adalah mustahil untuk melaksanakannya sama sekali. Bolehkah sesiapa menerangkannya?

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

Answer 1

Walaupun angular.element sangat dekat dengan jQuery, masih tidak mungkin untuk mendapatkan elemen secara langsung melalui tag HTML Cara paling mudah adalah seperti berikut:

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

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

Answer 2

Anda boleh melihatnya dalam dokumen
Keperluan parameter angular.element() ialah rentetan HTML atau DOMElement, tetapi perkara yang anda tulis ialah pemilih, yang tidak memenuhi keperluan parameter angular.element Jika anda ingin menggunakan penggunaan ini, anda perlu menambah jquery

Answer 3

Tukar kepada ini:

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

Answer 4

Angular tidak mengesyorkan manipulasi langsung DOM, jadi jika anda ingin menambah kelas, disyorkan untuk berbuat demikian (saya tidak dapat membuka sambungan anda, saya tidak tahu bagaimana anda menulis kod itu, jadi saya akan gunakan saya sendiri)

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

Ya, pada asalnya saya terfikir untuk menghantar objek butang yang sedang diklik melalui ng-click, tetapi akhirnya saya mendapati bahawa Angular tidak membenarkan ini. . .
Saya tiada pilihan selain menggunakan jQlite terbina dalam sudut untuk mengendalikannya!