☰

AngularでテンプレートHTMLブロックを再利用するにはどうすればいいですか？質問する

tag-icon • tag-icon angular
AngularでテンプレートHTMLブロックを再利用するにはどうすればいいですか？質問する

ファイルに HTML ブロックがあるとします。

<div id="text">Text</div>

同じファイル内で以下の HTML コードを再利用するにはどうすればよいでしょうか。次のようなコードです。

<re-use id="text"></re-use>

出来ますか？

ベストアンサー1

同じHTMLブロックを再利用したいのだと思います。私が正しく理解していれば、以下のコードが役立つはずです。

<ng-template #MsgRef >
        {{ mycontent }}
</ng-template>

上記のブロックを同じテンプレートで再利用するには、

 <ng-template [ngTemplateOutlet]="MsgRef"></ng-template> //reuse any number of times

おすすめ記事