angular - 使用角管插入 DOM 克隆

Question

我正在使用 Angular 5，我想使用管道动态克隆 DOM 模板：

<div id="template" style="display:none;">
   <a routerlink="{{parameter.route}}">here</a>
</div>

<nav> id="menuItem">
    {{parameter.text | insertTemplatePipe }}
</nav>

parameter.text 包含一个值，例如：

Please click {{insertTemplate}} to go to the next page.

而且我想使用管道将子字符串替换{{insertTemplate}}为内容，<div id=template">最重要的是，我希望锚标记的 routerlink 能够正常工作。

我阅读了有关在组件中访问的信息，例如在此处解释，但是如何在管道中实现这一点？

Answer 1

管道将字符串转换为字符串，它们并不意味着了解 DOM。您应该创建一个组件。

<menulink [text]="parameter.text"></menulink>

只需“ng 生成组件 MenuLink”

将您的 html 添加到模板和文本作为打字稿中的输入。

@Input text;