如何在Angular中重用模板HTML块? [英] How to reuse template HTML block in Angular?

问题描述

让我们假设文件中有html块:

Lets suppose we have html block in file:

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

如何在同一文件中重复使用下面的html代码，我的意思是这样的:

How can I reuse this html code below in the same file, I mean something like this:

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

有可能吗?

推荐答案

我认为您想再次重用相同的html块.如果我正确理解您的要求，则以下代码应会有所帮助

I think you wanted to reuse the same html block again. If i understand you correctly, below code should help

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

要在同一模板中重复使用以上代码块，

To reuse above block in the same template,

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

这篇关于如何在Angular中重用模板HTML块?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！