Angular2 ng-template

时间:2017-03-16 13:11:18

标签: html angular

我正在使用Angular的2.4.9版本。 我想声明一个我可以在几个地方使用的html元素:

<div #template>
 foo
</div>
<header>
 {{ template }}
</header>
<body>
 {{ template }}
</body>

它显然不起作用,解决方案是创建一个组件。我在angular4中看到调用ng-template确实存在。角度2.4.X有什么相似的吗?

1 个答案:

答案 0 :(得分:8)

ngTemplateOutlet指令可以帮助您:

<template #myTemplate>
   foo
</template>
<header>
  <ng-container *ngTemplateOutlet="myTemplate"></ng-container>
</header>
<div>
  <ng-container *ngTemplateOutlet="myTemplate"></ng-container>
</div>