1. ホーム
  2. angular

[解決済み] AngularでテンプレートHTMLブロックを再利用するには?

2023-02-23 21:53:31

質問

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

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

以下のhtmlコードを同じファイル内で再利用するにはどうしたらいいでしょうか?つまり、以下のようなものです。

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

可能でしょうか?

どのように解決するのですか?

私はあなたが再び同じhtmlブロックを再利用したかったと思います。私はあなたを正しく理解する場合、以下のコードが役立つはずです。

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

上記のブロックを同じテンプレートで再利用する場合。

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