Angular：从组件中获取nativeElement

Question

是否有一种从组件实例获取nativeElement（或ElementRef）的简单方法？我在视图中引用了一个组件，如下所示：

@echo off

:start:


megals --reload /Root/

set /p var1="dir? " & megals /Root/%%var1%%

for /f "tokens=1,* delims=:" %%A in ('megals -n /Root/%%var1%% ^|findstr
/n "." ') do (
set Link[%%A]=%%B
Echo %%A %%B
)

setlocal DisABLEDELAYEDEXPANSION

set /a c=0

FOR /F "tokens=1 usebackq" %%i in (`megals -n -e /Root/%%var1%%`) do (
set /a c+=1
call set "string[%%c%%]=%%i"
)

set /P number="Enter number: "

FOR /F "tokens=*" %%g IN ('call echo %%string[%number%]%%') do (SET VAR2=%%g)
echo %Var2%
echo.

Megadl %VAR2% & echo. && goto :start:

pause

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

@ViewChild(MyComponent) myComponent: MyComponent;

如果我需要的只是一个ElementRef，那很好，但我实际上需要MyComponent的实例，但稍后我需要将它向下转换为ElementRef，以便我可以访问nativeElement。

Answer 1

从Angular 9开始，我还不知道从组件引用中获取本机元素的方法。但是，可以同时获得两者。

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