angle2でスライダを構築/使用するにはどうすればよいですか？

Question

私は、角2アプリでバナースライダーを使用する必要があります。私は、スライダのhtmlを保持し、次にそれをappコンポーネントからのビューに表示する、バナースライダというコンポーネントを作成しました。

問題は、ブラウザが、その後私が得るすべては、私がindex.htmlの上でまっすぐなコードを使用する場合、スライダの動作として3つのスタックリーの罰金であるページをロードするとき、ありますか？私はjqueryで動作する角度を得るために何かをする必要がありますか良い角スライダー2スライダーですか？もし誰かが建物を建てることからどこから始めるべきか分からないのであれば？

私は現在unslider使用しています

| unslider.com

Answer 1

この質問はあなたを助けることができる：

• Angular2 with Jquery-ui Slider

アイデアはAngular2コンポーネント内でjQueryプラグインの適用をラップすることです。これは、そのngOnInitメソッド内で行うことができます。

@Component({ 
    (...) 
}) 
export class Slider implements OnInit { 
    elementRef: ElementRef; 
    slideValue: number; 

    constructor(private elementRef: ElementRef) { 
    } 

ngOnInit() { 
    jQuery(this.elementRef.nativeElement).slider({ 
     range: false, 
     orientation: "vertical", 
     min: 0, 
     max: 100, 
     value: 60, 
     slide: (event, ui) => { 
     (...) 
     } 
    }); 
    } 
} 

Answer 2

あなたは、あなたが上にあるページ上でそれを開始する必要がそれを使用できるようにangular2のために、しかし、あなたは文書にしたいすべてのjqueryのを使用することができます！

あなたはあなたが行うすべてはngOnInit（）{}ので、誰もがあなただけのjQueryの負荷プット上で実行する必要があります何でもそう

ngOnInit() { 

    jQuery(document).ready(function ($) { 
    $('.my-slider').unslider({autoplay: true, delay: 4000, arrows: false, nav: false}); 


} 

必要があるだろうunslider使用している場合

を使用している考えているよりも多くを簡単にそれはngOnInit（）にあります。