eine externe HTML-Vorlage in AngularJS 1.5 Komponente mit Webpack und Typoskript Mit

Question

Ich versuche, eine externe html Datei in meine Eckige Komponente zu laden:

import { LoginController } from './login.controller'; 
import './login.scss'; 
import './login.html'; 

class LoginComponent implements ng.IComponentOptions { 

    public template: string; 
    public controller: Function; 
    public bindings : any; 

    constructor(){ 
     this.controller = LoginController; 
     this.bindings = { 
      username: '@', 
      password: '@' 
     }; 
     this.template = //login.html referred to here 
    } 

} 

export { LoginComponent }; 

I Typoskript mit folgenden tsconfig.json bin mit:

{ 
    "compilerOptions": { 
    "target": "es5", 
    "module": "commonjs", 
    "sourceMap": true 
    }, 
    "exclude": [ 
    "typings/main.d.ts", 
    "typings/main", 
    "node_modules" 
    ] 
} 

Und versuche, mit dem html-loader zu laden.

Ich bin mir nicht sicher, wie man das importierte HTML in der Komponente selbst referenziert?

Der Webpack-Build ist gültig.

Answer 1

Ich löste es selbst.

Ich musste die Typoskript-Definition in meinem typings.json für erfordern hinzufügen.

typings install --save --global require 

funktioniert wie ein Charme jetzt :)