如何避免使用angular创建重复文档

Question

我正在用角度编写文档。

现在，我重复两次代码。一次出现在button.component.html中以使组件显示，另一个则作为字符串从button.component.ts注入，因此不会被解释。

目标是显示提示您预先编写的代码中包含的结果。

当组件更改时，我需要避免这些重复原因，我需要修改两次代码。

我首先使用它来模拟包含比对，但是由于最终内容是生成的内容而不是原始内容，所以它不起作用。

然后，我检查了有角度的材料在其文档中的性能，如果将它们的成分作为依赖注入，对我来说有点棘手和复杂。

我在问是否有避免这种重复内容的示例方法，以及是否有人遇到过相同的问题。

我只有一个主意，那就是在使用webpack和node进行ng编译的最后运行一个shell commande，获取目标块的内容并直接注入目标balise。

样品：

<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>

但是我对这种解决方案不是很满意。

谢谢。

凯文

Answer 1

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

示范角度

它做得很好。

凯文