Angular2 ng-template

Sci*_*ion 4 html angular

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

<div #template>
 foo
</div>
<header>
 {{ template }}
</header>
<body>
 {{ template }}
</body>
Run Code Online (Sandbox Code Playgroud)

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

yur*_*zui 8

ngTemplateOutlet指令可以帮助您:

<template #myTemplate>
   foo
</template>
<header>
  <ng-container *ngTemplateOutlet="myTemplate"></ng-container>
</header>
<div>
  <ng-container *ngTemplateOutlet="myTemplate"></ng-container>
</div>
Run Code Online (Sandbox Code Playgroud)