typescript - Angularパイプを使用してDOMクローンを挿入する

私は 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が機能することを期待しています。

コンポーネントでのアクセスについて、ここで説明されているようなことを読んだのですが、パイプでこれを実現するにはどうすればよいですか？

回答 #1

パイプは文字列を文字列に変換するもので、DOMについて知るためのものではありません。コンポーネントを作成すべきです。

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

ただ「ng generate component MenuLink」

htmlをテンプレートに追加し、テキストをTypeScriptの入力として追加します。

@Input text;