javascript - 如何在 typescript 中导入 template.html

Question

我想在我的 typescript 中包含模板，该怎么做？？

var template = import './template.html'

我使用 web pack 并将所有文件打包到一个 javascript 文件中。

我使用 angularjs (v1) 并想使用 typescript gulp 和 webpack 构建组件基础项目，现在我使用这段代码。

declare var require:any;
import  './cart.template.html';
import {cartController} from './cart.controller'

export var cartComponent = {
    template: require('./cart.template.html'),
    controller:cartController
}

这样做有什么更好的解决方案吗？？？

Answer 1

首先，像这样声明一个 HTML 模块:

declare module "*.html" {
const content: string;
export default content;
}

然后，使用它:

import * as template from "template.html";

 @Component({
 selector: 'home',
 directives: [RouterLink],
 template: template
 })