在 Angular 中导入 html-/ts-file 7

Importing html-/ts-file in Angular 7

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

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

但是,当我尝试在 VS Code 中复制它时,它找不到文件,我很困惑为什么。欢迎任何输入或替代方法。

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

我找到了一种方法来达到想要的结果。我将 html 导出为字符串常量,我将其导入并用作示例代码组件的模板。可以在演示组件中导入相同的字符串,显示为原始字符串。我将不得不美化它,但它有效。如果有人知道我如何使我想象的最初方式工作,我会非常高兴! :)