從指令實例化組件

Question

我需要實現自定義日期選擇器。
為此，我有date-picker.directive和select-date.component（對話框窗口）。

我通過html中的屬性附加指令並且可以處理事件。 通過click事件指令應該調用對話框窗口（它是我們的組件）。

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

但是如何從指令中實例化select-date.component呢？
如何在DOM中添加新組件？

Answer 1

如果您知道組件的類型，則可以將其注入指令中

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

如果指令應該能夠訪問應用它的任何類型的組件，那么您可以使用如何在Angular2指令上訪問組件中介紹的方法 （另請參閱此問題https://github.com/angular/angular/問題/ 8277 ）