Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/oop/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 从指令实例化组件_Angular_Angular2 Directives - Fatal编程技术网

Angular 从指令实例化组件

Angular 从指令实例化组件,angular,angular2-directives,Angular,Angular2 Directives,我需要实现自定义日期选择器。 为此,我有date-picker.directive和select-date.component(对话框窗口) 我通过html中的属性附加指令,并可以处理事件。通过单击事件指令应该调用对话框窗口(它是我们的组件) 但是如何从指令实例化select-date.component? 如何将新组件添加到DOM中?如果知道组件的类型,可以将其插入指令中 export class DatePickerDirective { constructor(private se

我需要实现自定义日期选择器。
为此,我有date-picker.directive和select-date.component(对话框窗口)

我通过html中的属性附加指令,并可以处理事件。通过单击事件指令应该调用对话框窗口(它是我们的组件)


但是如何从指令实例化select-date.component?

如何将新组件添加到DOM中?

如果知道组件的类型,可以将其插入指令中

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

如果指令应该能够访问应用它的任何类型的组件,那么您可以使用中解释的方法(另请参见本期)

Günter Zöchbauer,您的解决方案有助于访问现有组件。是否可以创建组件的新实例并将其添加到DOM中?请参阅示例Günter Zöchbauer,谢谢您的帮助,但您的示例演示了如何从组件创建组件。当我想从指令中找到组件的解决方案时。
export class DatePickerDirective {
  constructor(private selectDateComponent:SelectDateComponent) {}
}