2017-09-21 23 views
0

angle-cliでスクリプトを読み込み、2つのdivを同期しようとしました。ページが初めて読み込まれると、スクリプトは正常に動作しています。航路経由で経路を変更するのが遅れてくる。最初のページに戻ると、スクリプトはもう機能していません。ルート4を変更した後に角4のJSスクリプトが機能しない

角度CLI:

"scripts": [ 
    .... 
    "assets/scripts/scrollsync.js" 
    ] 

scrollsync.js:

$(function() { 
    $('#column-item-container').on('scroll', function() { 
    $('#row-lead-container').scrollTop($(this).scrollTop()); 
    }); 

    $('#column-item-container').on('scroll', function() { 
    $('#column-lead-container').scrollLeft($(this).scrollLeft()); 
    }); 
}); 

私はスクリプトがまだコンソールへのいくつかを送信する1000ミリ秒でタイムアウトを設定するために存在しているかどうかを把握しようとすると、正常に動作します。私はバインディングがもう働かないように見えます。 この問題を解決するためのアドバイスはありますか?ありがとうございました!

答えて

2

この問題はおそらく、サードパーティのライブラリまたはカスタムコードのほとんどがドキュメント準備完了イベントで初期化されるために起こります。そういうわけで、初めてのことです。別のページに移動して、同じページの角度のないページを戻すと、htmlパーツがレンダリングされ、ドキュメント準備完了イベントが起動されません。

ソリューション

  • バインドイベント時に、あなたのページが開いて、準備ができていない文書に。
  • スクロールイベントをバインドするためのディレクティブを作成できます。domエレメントがバインドされているときには常にイベントをバインドし、ドキュメントレディイベントには依存しません。
+0

カスタムタイプを作成して解決し、ngOnInitでバインドメソッドを呼び出します。 – mnlfischer

+0

@Kishan Mundha phpで角度をつけて作業しています。私はこの方法を試してみました。私の方法は間違っていると思う。イベントをバインドするためのディレクティブの手順を説明してください。 –

+0

ありがとう....私は解決策を得た –

関連する問題