我想知道是否有可能像标题所说的那样做。
例如,假设我们正在处理一个Angular2项目,我们希望避免将模板设置为外部url,以减少http请求。尽管如此,我们不想在组件中编写所有的HTML,因为它可能足够大,或者我们希望设计者在与devs不同的文件中工作。
所以这是第一个解决方案:
File template.html.ts将文件转换为.ts格式,如下所示:
export const htmlTemplate = `
<h1>My Html</h1>
`;
然后在我的组件中,我可以像这样导入它:
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模板的设计者/开发人员来说是不好的。
我想要实现的是找到一种方法来导入.html文件,而不是.ts。
所以可以在TypeScript中将.html文件作为字符串导入吗?
https://stackoverflow.com/questions/36649795
复制相似问题