在Angular 7中导入html / ts文件

时间:2019-02-04 08:00:35

标签: angular import angular7

我正在Angular 7中创建一个代码演示,在这里我想拥有用于显示组件示例的窗格-在此视图中,您可以看到“结果”及其背后的代码。我做了一个Stackblitz,可以将HTML文件导入ts文件,因此可以将其显示为原始HTMl。对于实际的用例,我有一个子组件,我想使用它并在主组件中显示HTML。

https://stackblitz.com/edit/unparsed-html

但是,当我尝试在VS Code中复制此文件时,找不到文件,我为此而感到困惑。任何输入或替代方法都值得赞赏。

编辑:我已经回答了答案中提到的第一个问题,但是我也有一个相关的问题。我想显示演示组件ts文件的内容。可以通过任何方式将其导入为字符串吗?

1 个答案:

答案 0 :(得分:0)

我找到了一种获得想要的结果的方法。我将html导出为字符串const,将其导入并用作示例代码组件的模板。可以在演示组件中导入相同的字符串,显示为原始字符串。我将不得不美化它,但是它可以工作。如果有人知道我该如何做我对作品的构想,我会很高兴的! :)