Instantiate-Komponente aus einer Direktive

Question

Ich muss benutzerdefinierten Datumsauswahl implementieren.
Dazu habe ich date-picker.directive und select-date.component (Dialogfenster).

Ich anhänge Richtlinie durch Attribut in HTML und kann Ereignisse verarbeiten. Nach Klick Ereignis-Anweisung sollte das Dialogfenster aufrufen (es ist unsere Komponente).

<button class="btn" type="button" date-picker> 

Aber wie kann ich select-date.component aus einer Direktive instanziieren?
Wie füge ich eine neue Komponente in DOM ein?

Answer 1

Wenn Sie die Art der Komponente kennen, können Sie es einfach in die Richtlinie injizieren

export class DatePickerDirective { 
    constructor(private selectDateComponent:SelectDateComponent) {} 
} 

Wenn die Richtlinie sollte in der Lage, jede Art von Komponente zuzugreifen, wo es angewendet wird, dann können Sie die Methode verwenden, erklärt in How to access the Component on a Angular2 Directive (siehe auch diese Ausgabe https://github.com/angular/angular/issues/8277)