如何在typescript中导入template.html

时间:2017-03-10 13:47:33

标签: javascript angularjs typescript webpack

我想在我的打字稿中包含模板怎么做?

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
}

有没有更好的解决方案呢???

1 个答案:

答案 0 :(得分:0)

首先,声明一个这样的HTML模块:

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

然后,使用它:

import * as template from "template.html";

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