実行時にアンサンブル2の外部jsスクリプトをロードする方法は？

Question

私は認証のためにTwitterの数字を使用しています。ダウンロードして初期化するには小さな.jsスクリプトが必要です。自分のサーバーからファイルを直接取得することをお勧めします。

私は

<script id="digits-sdk" src="https://cdn.digits.com/1/sdk.js" async></script>

をインポートし、Digits.init({})のように使用してSDKを初期化する必要があります。

webpackを使用したangular2 webpack starterテンプレートを使用しています。

私はsystemjsを使用していました。ここでは、ファイル名をURLにマップして、コンポーネントにインポートします。この

var map = { 'Digits':'https://cdn.digits.com/1/sdk' }; 

が、その後import * as Digits from 'Digits';

のように角度成分で、それをインポートするように私は見た目WebPACKのあることがわかっているが、それは矛盾しています。

console.log(Digits)ngOnInit()時々、正しいオブジェクトが未定義のエラーを表示します。

Answer 1

私はこれでいくつかの運があった。私は、カレンダーのjsファイルを使用していると私のコントローラへの入力から日付の結果を取得したい。私の場合、それはPickadayだった。まず、メインのhtmlファイルが何であれ、普通どおりにファイルをインポートします。

<script src="/assets/js/pikaday.js"></script> 

次に、必要な機能を表すクラスを作成します。

export class PikadaySource { 
    field: any; 
    firstDay: number; 
    minDate: Date; 
    maxDate: Date; 
    yearRange: number = 1; 
    disableWeekends: boolean; 
    format: string = 'MM-DD-YYYY'; 
    init(){}; 
} 

このクラスの目的は、トランスバータが問題を起こさないようにすることです。インポートされたスクリプトはグローバルなスコープになっているので、今は使えるはずです。