在带有 Webpack 和 Typescript 的 AngularJS 1.5 组件中使用外部 HTML 模板

Question

我正在尝试将外部 html 文件加载到我的 Angular 组件中：

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 };

我正在使用带有以下 tsconfig.json 的打字稿：

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

我正在尝试加载 html-loader。

我不确定如何在组件本身中引用导入的 HTML？

webpack 构建有效。

Answer 1

自己解决了。

我必须在我的 typings.json 中添加 typescript 定义来满足要求。

typings install --save --global require

现在很有魅力:)

在带有 Webpack 和 Typescript 的 AngularJS 1.5 组件中使用外部 HTML 模板

Using an external HTML template in AngularJS 1.5 component with Webpack and Typescript

components

commonjs

angularjs

typescript