Импорт html- / ts-файла в Angular 7

Question

Я создаю демонстрационную версию кода в Angular 7, где я хотел бы иметь панели для показа примера компонента - в этом представлении вы могли видеть «результат», а также код, стоящий за ним.Я сделал Stackblitz, где я могу импортировать HTML-файл в TS-файл, чтобы он мог отображаться в виде необработанного HTMl.Для реального случая использования у меня есть дочерний компонент, для которого я хотел бы использовать и отображать HTML в основном компоненте.

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

Однако, когда я пытаюсь повторить это в VSКод, он не может найти файл, и я озадачен, почему.Любые входные данные или альтернативные методы приветствуются.

РЕДАКТИРОВАТЬ: Я решил первоначальный вопрос, как отмечено в моем ответе, но у меня также есть связанный вопрос.Я хотел бы показать содержимое демо-компонента TS-файла.Можно ли каким-либо образом импортировать это как строку?

Answer 1

Я нашел один способ достичь желаемого результата.Я экспортирую HTML как строку const, которую я импортирую и использую в качестве шаблона для компонента example-code.Эту же строку можно импортировать в демо-компонент, показанный как необработанная строка.Я должен буду украсить это, но это работает.Если кто-нибудь знает, как я могу сделать первоначальный способ, которым я изобразил работу, я был бы очень счастлив!:)