2017-03-16 46 views
4

我正在使用Angular的2.4.9版本。 我想聲明的是,我可以在幾個地方使用的HTML元素:Angular2 ng-template

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

這顯然是行不通的,而解決方案是創建一個組件。我在angular4中看到有一些叫做ng-template的確存在。在角度2.4.X中有沒有類似的東西?

+0

你在哪裏找到的文檔4.0.0?我正在尋找他們 – mp3por

回答

8

ngTemplateOutlet指令,它可以幫助你:

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

我們可以爲該模板添加一個網址嗎?然後使用ng-container中的鏈接? – Apoorv

+0

@Apoorv你是什麼意思?參數? – yurzui

+0

我的意思是 <模板#myTemplate> 富 可以放在一個單獨的文件,然後在 ? – Apoorv