【发布时间】：2019-08-01 14:53:05
【问题描述】：
我正在用 Angular 编写文档。
现在，我复制了两次代码。一次在 button.component.html 中使组件出现，另一个从 button.component.ts 作为字符串注入，因此不会被解释。
目标是显示如果您提示包含在 pre balise 中的代码，您将获得的结果。
当组件更改时，我需要避免这些重复原因，我需要修改两次代码。
我首先使用模拟包含组件，但它不起作用，因为最终内容是生成的内容而不是原始内容。
然后我检查了角度材料在他们的文档中的表现，对于我来说有点棘手和复杂的是他们将他们的组件作为依赖项注入。
我想问是否有避免这种重复内容的示例方法，以及是否有人遇到过同样的问题。
我只有一个想法，就是用webpack和node在ng build的最后运行一个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>
但我对那个解决方案不是很满意。
提前致谢。
凯文
【问题讨论】：
-
请将您的代码发布为文本，而不是图像。作为无法访问 imgur 的人，现在，您的问题对我来说没有任何意义。
-
抱歉打扰。我怎样才能修改我的帖子？不是很清楚..
-
解释你想要达到的目标。给出您的实际代码和您的预期代码，详细说明最终结果。而且我不想刻薄，但是如果您可以在句子结构上付出一些努力，那也会有所帮助，因为很难理解结构不佳的句子。
-
我认为这张图片完美地展示了我想要的结果。我不知道如何修改我的帖子。没有编辑按钮，所以如果你能告诉我在哪里可以修改它，它将对我有所帮助，我将不胜感激。谢谢。
-
As someone who can't access imgur... 在帖子的左下角有一个按钮：share edit close flag。您可以点击edit进行更改。