Мгновентировать компонент из директивы

Question

Мне нужно реализовать пользовательский выбор даты.
Для этого у меня есть date-picker.directive и select-date.component (диалоговое окно).

Я прикрепляю директивы через атрибут в html и могу обрабатывать события. Директива click click должна вызвать диалоговое окно (это наш компонент).

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

Но как я могу создать экземпляр select-date.component из директивы?
Как добавить новый компонент в DOM?

Answer 1

Если вы знаете тип компонента, который вы можете просто вводить его в директиве

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

Если директива должна быть в состоянии получить доступ к любому типу компонента, где он применяется, то вы можете использовать метод, описанный в How to access the Component on a Angular2 Directive (см. также этот выпуск https://github.com/angular/angular/issues/8277)