如何使用angular.js中的jqlite
PHP中文网
PHP中文网 2017-05-15 16:50:05
0
6
585

文档中的说明:

angular.element(element)

我自己的调用:

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

根本没法执行,有大神给讲解一下吗?

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