2017-03-16 5 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

は?私はそれらを探しています – mp3por

答えて

8

あなたを助けることができるngTemplateOutletディレクティブがあります:あなたが4.0.0ドキュメントを見つけた

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

私たちはそのテンプレートのURLを追加できますか? ng-containerにリンクを使用しますか? – Apoorv

+0

@Apoorvどういう意味ですか?パラメータ? – yurzui

+0

私は< "ここにURL" NG-コンテナ* ngTemplateOutlet => は別々のファイルに入れることができる<テンプレート#myTemplate> fooと、その後 でという意味ですか? – Apoorv