Importieren Sie externe js-Datei im Winkel 4 und der Zugriff auf Funktionen und Variablen

Vielleicht ist mein Titel ist ein bisschen unklar, also ich werde versuchen zu erklären, mein problem mit einer einfachen Aufgabe.

Können sagen, dass ich die folgende Javascript-Datei "file.js":

var number = 4;

function encode(){
  console.log("encode in "file.js" has been called...");
}

Stelle ich dieses Skript in meine angular4 Projekt "src/assets/js/file.js".

In ".Winkel-cli.json" füge ich den Pfad des Skripts

"scripts": [
  "../node_modules/jquery/dist/jquery.min.js",
  "./assets/js/modernizr.js",
  "./assets/js/webflow.js",
  "./assets/js/file.js"

Nun ist meine Frage, wie kann importieren oder verwenden Sie dieses script-Datei in mein app.- Modul.ts oder jeder anderen Komponente, ohne es zu index.html

Versuchte ich mehrere Möglichkeiten:

import * as test from 'assets/js/file.js';
import {test} from 'assets/js/file.js';
declare var file: any;

Leider hat keiner funktioniert...

Ich würde wirklich schätzen es, wenn Euch könnte mir helfen.

InformationsquelleAutor Turpal Iliev | 2017-07-13
  1. 2

    Können Sie system.js der import-Datei zur Laufzeit als unten, müssen Sie systemjs in node_modules.

    System.import("src/assets/js/file.js").then(fileInstance => {
      console.log(fileInstance);
});
    InformationsquelleAutor Sandip - Full Stack Developer
  2. 1

    Komponente.ts sollten Sie erklären den Namen der Funktion, die Sie verwenden möchten.

    declare let encode:any 

ngOnInit(){
  encode()
}
    InformationsquelleAutor Joe
Schreibe einen Kommentar