Node.js 如何避免与angular重复文档

我正在用angular编写文档

现在，我复制了两次代码。一旦进入button.component.html使componenbt出现，另一个将作为字符串从button.component.ts注入，因此不会对其进行解释

目标是显示如果您提示前置应答器中包含的代码，您将得到的结果

我需要避免这些重复导致的组件更改时，我需要修改两次代码

我首先使用了模拟包含组件，但它不起作用，因为最终内容是生成的内容，而不是原始内容

然后我检查了angular材质在文档中的表现，对于我来说，同样有点棘手和复杂，因为它们将组件作为依赖项注入

我想问的是，是否有一种避免重复内容的示例方法，以及是否有人遇到过同样的问题

我只有一个想法，那就是在ng构建结束时使用webpack和node运行shell命令，获取目标块的内容并直接注入目标应答器

样本：

<div class="my-5" data-source="myButton">
  <button mat-button>
    <mat-icon class="icon-left">help</mat-icon>
    Support center
  </button>
</div>
<code data-target="myButton"></code>

帮助
支持中心

但我对这个解决方案不是很确定

提前谢谢

---

Kevin

对于面临相同问题的人，您必须使用以下模块：

举例说明角度

这工作做得很完美

---

凯文

请以文本而不是图像的形式发布代码。作为一个现在无法访问imgur的人，你的问题对我来说毫无意义。抱歉打扰你。如何修改我的帖子？不太清楚……解释一下你想要达到的目标。给出您的实际代码和执行的代码，详细说明最终结果。我不想太刻薄，但如果你能在句子结构上下些功夫，那也会有帮助，因为理解结构不好的句子很难。我认为这张图片完美地展示了我想要的结果。我不知道如何修改我的帖子。没有一个编辑按钮，所以如果你能告诉我在哪里可以修改它，这将有助于我，我将不胜感激。谢谢。

作为无法访问imgur的人

。。。在帖子的左下角有一个按钮：

share edit close flag

。您可以单击

edit

对其进行更改。