Angularで外部スクリプトを再実行するにはどうすればよいですか？

Question

私は、ユーザーインターフェイスのためのjQueryメソッドの束を持つ外部jsファイルを持っています。ただし、Angularルーターは非同期であるため、他のページのユーザーインターフェイス要素は、DOMにまだ存在しないため、スクリプトによって適切にレンダリングされません。

以前は、スクリプトからいくつかのメソッドを選択し、rerenderというメソッドに追加しましたが、これは混乱しています。

私の質問は、rerenderメソッドの中でスクリプト全体を再度読み込んで実行する方法があるかどうかを確認することでしたか？

Answer 1

外部スクリプトをインポートできます。コンストラクタの内部でそれを実行します。

declare let System: SystemJS; 

interface SystemJS { 
    import: (path?: string) => Promise<any>; 
} 

interface GlobalEnvironment { 
    SystemJS: SystemJS; 
    System: SystemJS; 
} 

はオプション2：

また、あなたが後にモジュールにこれを置くことができる

constructor() { 
    System.import('script-loader!bower_components/fullcalendar/dist/fullcalendar.min.js').then(()=>{ 
     this.render(); // Do whatever, for demonstration I call a render() method 
    }) 
} 

は、あなたのcustom-typingsあなたがSystemを宣言しているに確認してくださいインポートステートメント：

require('bootstrap/js/tooltip.js'); // For example