Angular 2: Verschachtelung Kind Komponenten flexibel

Question

ich für eine Option durchsucht HTML-Tags in einer untergeordneten Komponente von der Mutterseite, wie

Geordnete Komponente umfassen:

<child><button>+</button></child> 

Kinder Komponente:

<form> 
    <input /> 
    <!-- insert button here --> 
</form> 

Ich weiß, dass es möglich ist, reagieren, aber wie kann ich es in Angular 2 tun?

Answer 1

Überprüfen Sie die Arbeits Demo auf Plunker I gemacht:

{{HERE}}

ich einfach mit dem @Input Dekorateur dieses einfache Stück HTML <b>This bold html text is coming from the parent</b> als String gesendet und dann gerendert ich die html mit das [innerHTML] Attribut mit Eigenschaftenbindung.

und hier ist eine Momentaufnahme aus dem Plunker, wie der fett gedruckten Text wiedergegeben wird: