jQuery bxSliderプラグインがAngular 4で動作しない

Question

Angular 5 Frameworkの初心者です。私はプロジェクトを作成してそれに取り組んでいますが、私はbxSliderの問題に直面しています。 myangularプロジェクトにbxSliderプラグインを追加しました。それが最初に読み込まれるとき、それは大丈夫と思われる。しかし、他のページのリンクをクリックしてインデックスページに戻ると、bxSliderプラグインは機能しません。

1）ここにcutsom.jsファイルがあります。

$(document).ready(function($) { 

$('.homeSlider').bxSlider({ 
    speed: 1500, 
    pause: 5000, 
    mode: 'fade', 
    captions: true, 
    auto: false, 
    infiniteLoop: true, 
    stopAuto: false, 
    pager: false, 
    nextSelector: '#slider-next', 
    prevSelector: '#slider-prev', 
}); 

}）;

2）は、私は私のコンポーネントファイルの両方のjQueryと$オブジェクトを宣言していたファイル

declare var jquer:any; 
declare var $:any; 

をapp.component.ts。

サイトがロードされると、このようになります。

ページを変更してインデックスページに戻った後、スライダの故障が全体的に発生します。

Answer 1

移動コンポーネントファイル内のngOnInit() {}ライフ・サイクル・メソッドへcustom.jsからのコード。コンポーネントが読み込まれるたびにスライダが初期化されます。文書準備機能を書く必要はありません。