Jak załadować zewnętrzny skrypt js w kanoncie 2 w środowisku wykonawczym? - javascript, kątowy, webpack, twitter-fabric, twitter-digits

Używam cyfr Twittera do uwierzytelniania. Potrzebny jest mały skrypt .js, aby go pobrać i zainicjować. Zalecają pobranie pliku bezpośrednio ze swojego serwera.

Muszę zaimportować

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

i zainicjować sdk za pomocą podobnych Digits.init({}).

ja używam Rozrusznik sieciowy Angular2 szablon, który korzysta z pakietu internetowego.

Wcześniej używałem programu systemjs, w którym po prostu zamapowałem nazwę pliku na adres URL i zaimportowałem go do mojego komponentu. Lubię to

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

następnie zaimportuj go w składniku kątowym, takim jak import * as Digits from "Digits";

Wiem, że istnieją zewnętrzne dodatki do stron internetowych, ale jest niespójne.

console.log(Digits) w ngOnInit() kiedyś pokazuje prawidłowy obiekt czasami niezdefiniowany błąd.

Odpowiedzi:

Miałem w tym trochę szczęścia. Używam pliku kalendarza js i chciałem uzyskać wynik daty z wejścia do kontrolera, w moim przypadku był to Pickaday, najpierw zaimportuj plik w normalny sposób, niezależnie od tego, jaki jest główny plik html.

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

Następnie utwórz klasę, która reprezentuje potrzebne funkcje.

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

Celem zajęć jest zapobieganie problemom z transpilatorem. Ponieważ zaimportowany skrypt ma zasięg globalny, powinien być teraz użyteczny.