İyonik 2 ile JQuery'yi Kullanma

Question

İyonik 2 projemde kullanmam gereken bazı JQuery kodlarına sahibim. Onu ve JQuery kitaplığını nasıl ekleyebilirim?

kodu (bu de bunun bir parçasıdır) aşağıdaki gibidir:

// on 'Left Down' button click: 
 
jQuery('body').on('click', '.left-down', function (e) { 
 
    
 
\t jQuery('body #top-scale').stop(); 
 
\t jQuery('body .right-hand-weight').stop(); 
 
\t jQuery('body .left-hand-weight').stop(); 
 
\t //top of scale animation 
 
\t jQuery("body #top-scale").animate({ 
 
    \t \t transform: "rotate("+ setWeights(3,0) +"deg)" 
 
\t }) 
 
\t 
 

 
\t \t //===rotate + reposition each weight *** 
 
\t \t jQuery("body .right-hand-weight").animate({ 
 
\t \t \t transform:"rotate("+ getWeights() +"deg) translateX("+getX("right")+"px,"+getY("right")+"px)" 
 
\t \t }) 
 

 
\t \t jQuery("body .left-hand-weight").animate({ 
 
\t \t \t transform:"rotate("+ getWeights() +"deg) translateX("+getX("left")+"px,"+getY("left")+"px)" 
 
\t \t }) 
 

 
\t \t //console.log(getWeights()); 
 

 
\t \t // set number value in weight 
 
\t \t jQuery("body .text-1").text(leftWeightPercentage); 
 

 
});

JQuery kütüphanesi için index.htm bir script src etiketi koyma düşündüğünü

ve verilmiş olan jquery kod dosyası, ancak kodu iyonik 2 projeme nasıl aktaracağımı bilemiyorum. Her şeyden

Answer 1

1. Öncelikle, ionic2 projesinde JQuery yükleyin: Bundan sonra

   $ npm install jquery --save

2. , (böylece içeri aktarabilirsiniz) typings jQuery küresel derectory yükleyin:

   $ typings install dt~jquery --global --save

3. Daha sonra JQuery ib'ini 0 ürününe alabilirsiniz. "home.ts": sorunsuz benim için çalıştı

import * as $ from 'jquery'

.

---

Kontrol Ediliyor: In

1. : "home.html": çalışıp çalışmadığını olmadığını öğrenmek için

   , sadece aşağıdaki deneyebilirsiniz

<button id="x" (click)="changeColor()">Click Me!</button>

, hesabınızla yılında
2. : "home.ts":

changeColor(){ $('#x').text('white'); }

senin için çalıştığını umut!