我想知道是否可以像标题那样做.
例如,假设我们正在处理一个Angular2项目,我们希望避免将模板设置为外部URL,以减少http请求.仍然我们不想在组件中写入所有的HTML,因为它可能足够大,或者我们希望设计人员在不同的文件中工作,而不是开发人员.
所以这里是第一个解决方案:
文件template.html.ts
将文件转换为.ts到这样的东西:
export const htmlTemplate = `
My Html
`;
然后在我的组件中,我可以像这样导入它:
import { Component } from 'angular2/core';
import {RouteParams, RouterLink} from 'angular2/router';
import {htmlTemplate} from './template.html';
@Component({
selector: 'home',
directives: [RouterLink],
template: htmlTemplate,
})
实际上这完全可以,但是你却失去了IDE的HTML智能,所以这对于创建HTML模板的设计师/ dev来说是不好的.
我想要实现的是找到一种导入.html文件而不是.ts的方法.
那么可以在TypeScript中将一个.html文件作为字符串导入?