Angular 未定义htmlioniconeElement

我正在尝试使用引用模板中的IonIcon元素

@ViewChild（'downIcon'）downIcon:htmlioniconeelement

但我总是会遇到一个引用错误，即在重新加载页面后立即没有定义htmlioniconement（在每个页面上，路由也不重要）

我导入了IonicModule，是否需要导入其他内容

如果我使用HtmleElement，就会得到这个
您可以使用
HTMLElement
而不是
htmlionElement

@ViewChild('icons') icons: HTMLElement;

ngAfterViewInit(): void {
  console.log(this.icons);
}

在这里，您将获得
离子图标
元素的引用

参考：

注意：
ViewChild
将在
ngAfterViewInit
生命周期挂钩之后启动。
您可以使用
HTMLElement
而不是
htmlionElement

@ViewChild('icons') icons: HTMLElement;

ngAfterViewInit(): void {
  console.log(this.icons);
}

在这里，您将获得
离子图标
元素的引用

参考：

注意：
ViewChild
将在
ngAfterViewInit
生命周期挂钩之后启动。
是的，HtmleElement可以工作，但由于某些原因，我没有返回ElementRef，而是获得了IonIcon对象。此对象没有nativeElement属性，而是el属性。作为解决方法，我可以将downIcon的类型设置为any，并将downIcon.el转换为htmlioniconeelement。但我不明白这是为什么。是的，HtmleElement可以工作，但由于某种原因，我没有得到ElementRef，而是得到了IonIcon对象。此对象没有nativeElement属性，而是el属性。作为解决方法，我可以将downIcon的类型设置为any，并将downIcon.el转换为htmlioniconeelement。但我不明白这是为什么。