Angular: 从组件中获取nativeElement

Question

有没有一种简单的方法可以从组件实例中获取nativeElement（或ElementRef）？我正在像这样从视图中引用一个组件。

@ViewChild(MyComponent) myComponent: MyComponent;

我知道我可以得到ElementRef，而不是像这样得到MyComponent。

@ViewChild('my-component', { read: ElementRef}) myComponent: ElementRef;

如果我需要的只是一个ElementRef的话，这是很好的，但实际上我需要的是MyComponent的实例，但在以后的某一时刻，我需要把它向下转换为ElementRef，这样我就可以访问nativeElement了。

Answer 1

在Angular 9中，我不知道有什么方法可以从组件引用中获取原生元素。然而，可以同时获得这两种元素。

@ViewChild(MyComponent) component: MyComponent;
@ViewChild(MyComponent, { read: ElementRef }) elementRef: ElementRef<HTMLElement>;