template.htmlをtypescriptにインポートする方法

Question

私のタイスクリプトにテンプレートを含めるにはどうしたらいいですか？

var template = import './template.html' 

私はウェブパックを使用し、すべてのファイルを1つの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 
})