Cara menggunakan jqlite dalam angular.js
PHP中文网
PHP中文网 2017-05-15 16:50:05
0
6
637

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/

PHP中文网
PHP中文网

认证0级讲师

membalas semua(6)
習慣沉默

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/

我想大声告诉你

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

淡淡烟草味

Tukar kepada ini:

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

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;
}
伊谢尔伦
angular.element(document).find('xx').addClass('yy')
仅有的幸福

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!

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan