Wie beziehen Sie sich auf benutzerdefinierte Javascript-Funktionen in Ihren Typ-Skript-Methoden?

Question

Sprich Sie eine einfache JavaScript-Funktion wie sayHello() haben:

function sayHello(){ 
    alert('Hello'); 
} 

und setzen Sie diese in Ihrer App assets/js Ordner als benutzerdefinierte Bibliothek assets/js/my-js-library.js

Dann endlich finden Sie es von der index.html wie folgt aus:

<script src='http://example.com/assets/js/my-js-library.js'></script> 

Was es in Typoskript (sagen wir in ngOnInit zum Beispiel) dauert so kann man so etwas tun?

ngOnInit() { 
    sayHello(); 
} 

Oder ist es nicht möglich?

Answer 1

Yeah du kannst.

external.js

var myExtObject = (function() { 

    return { 
    func1: function() { 
     alert('function 1 called'); 
    }, 
    func2: function() { 
     alert('function 2 called'); 
    } 
    } 

    })(myExtObject||{}) 

function justAFunction(){ 
    alert('test'); 
} 

var webGlObject = (function() { 
    return { 
    init: function() { 
     alert('webGlObject initialized'); 
    } 
    } 
})(webGlObject||{}) 

app.ts

import 'external.js' 

declare var myExtObject: any; 
declare var webGlObject: any; 

export class App { 
    name:string; 
    constructor() { 
    this.name = 'Angular2' 
    webGlObject.init(); 
    justAFunction(); 
    } 

    CallFunction1() { 
    myExtObject.func1(); 
    } 

    CallFunction2() { 
    myExtObject.func2(); 
    } 
} 

Check diese URL aus: https://plnkr.co/edit/b2kAztHntMuNjTfOv8jD?p=preview

Answer 2

external.js

function justAFunction(){ 
    alert('test'); 
} 

app.ts

import 'external.js' 

export class App { 
    constructor() { 
    justAFunction(); 
    } 
} 

würde dies funktionieren? Ich ging davon aus, dass die Deklaration webGlObject keine Auswirkungen auf die justAFunction hat. Der Grund, warum ich den Code auf Func1 und Func2 ausgeschnitten habe, weil ich keine Geschäfte mit den Objekten gemacht habe. Ich wollte nur die knappe Notwendigkeit sehen, um eine einfache externe HelloWorld js-Funktion in TypeScript zu verwenden.

Wenn wir nur auf die justAFunction konzentriert, würde dieser Code die min Notwendigkeit sein? Ich vermute, mein Fehler war, die <Script src=''> im Gegensatz zu der import zu verwenden. Ja Nein?