Javascript-Funktion von Typoskript Angular 2

Question

aufrufen Ich verwende VS 2015 als meine IDE. Ich habe folgende lesen: Angular 2 typescript invoke javascript function

und

Using a Javascript Function from Typescript

und

Using a Javascript Function from Typescript

aber ich den Grund noch nicht bekommen.

davon aus, dass ich habe testing.js und app.component.ts

var testJs = function() { 
    this.asd = 123; 

} 

testJs.prototype.testing = function (param) { 
    console.log(param); 
} 

Wie verwende ich testJs in meinem app.component.ts? Im Moment versuche ich das aber nicht:

Ich habe das folgende versucht und es funktioniert immer noch nicht so gut.

und ich habe angular.cli nicht. Ist es möglich ohne angular.cli zu arbeiten?

Answer 1

1. wo erhalten Sie diese testJS.js. Ist das externe Lib? Wenn ja, müssen Sie es in Winkel-cli, so schließen:

   "scripts": [ "../node_modules/.../testJS.js" ],

2. Sie müssen entweder Typisierungen erstellen oder zumindest Dummy-Typ machen:

   declare var testJS: any;

3. können Sie Verwenden Sie es nach

Answer 2

Endlich einen Weg gefunden, es zu tun.

1. in Ihrer HTML-Datei, die die main.js Datei herunterladen, setzte Verweis auf die JavaScript-Datei im head-Tag

2. in Ihrer Typoskript-Datei (in diesem Fall i Winkel bin mit) zu tun die folgenden:

a. Deklarieren Sie die Variable:

b. Verwenden Sie die funciton im Konstruktor der exportierten Klasse

import { Component } from '@angular/core'; 
declare function testJs(): any; 
@Component({ 
    selector: 'my-app', 
    templateUrl: '/mainTemplate.html' 
}) 

export class AppComponent { 
    user: string; 
    constructor() { 
     testJs.prototype.testFunction(); 
     this.user = "asdf"; 
     var x = 90; 
    } 
}