获取DOM元素,它是Angular中的一个组件

我已经在这里读了一些答案,比如这个,但我的问题略有不同.我想将组件作为DOM元素,以便我可以在其上添加/删除一些CSS类.

我的HTML模板包含组件:

我的类包含对它的引用:

@ViewChild('sidenav') sidenav: ElementRef;

但是当我登录我this.sidenav的一个函数时,我发现它是一个Sidenav组件类的表示,而不是它的DOM表示.为什么会这样？

您可以使用read参数指定所需内容:

@ViewChild('sidenav', {read: ElementRef}) sidenav: ElementRef;

@ViewChild('sidenav', {read: ViewContainerRef}) sidenav: ElementRef;