2017-03-16 4 views
4

Ich verwende die Version 2.4.9 von Angular. Ich möchte ein HTML-Element erklären, dass ich an mehreren Stellen verwenden:Angular2 ng-Vorlage

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

Es ist offensichtlich nicht funktioniert, und die Lösung wäre, eine Komponente zu erstellen. Ich habe in angular4 gesehen, dass etwas ruft ng-template existiert. Gibt es etwas ähnliches in eckigen 2.4.X?

+0

Wo Sie die 4.0.0 docs aufmerksam geworden? Ich suche nach ihnen – mp3por

Antwort

8

Es gibt ngTemplateOutlet-Direktive, die Ihnen helfen können:

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

können wir eine URL für diese Vorlage hinzufügen? und dann den Link in ng-Container verwenden? – Apoorv

+0

@Apoorv Was meinst du? Parameter? – yurzui

+0

ich meine, dass kann in einer separaten Datei abgelegt werden und dann in ? – Apoorv