Angular ViewChild未提供opts的参数 - TypeScript

在Angular中使用ViewChild获取组件实例时，我们可以传递一个选择器字符串，也可以传递一个配置项对象。例如：

@ViewChild('myComponent', { static: false }) myComponent: MyComponent;

这里的{ static: false }就是配置项。它告诉Angular在哪个生命周期钩子函数中查询组件实例，具体的含义如下：

• static: true：查询发生在ngOnInit中，在这个时候，所有子组件都已存在。
• static: false：查询发生在ngAfterViewInit中，在这个时候，子组件已经创建完毕。

然而，在某些情况下，你可能会遇到这样一种情况：无法在ViewChild选项中提供opts参数。这是因为opts并不是官方支持的配置项之一。

如果你需要使用opts参数，可以通过以下方式绕过此限制：

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

这里{ read: ElementRef }告诉Angular返回一个ElementRef对象，我们可以通过它来获取底层DOM元素的引用。这一方式虽然没有直接返回组件实例，但是可以在ngAfterViewInit中使用ViewChild选择器获取组件元素，这样就不需要使用opts参数了。

综上所述，当你在使用Angular ViewChild时遇到无法使用opts参数的情况时，可以通过使用{ read: ElementRef }来绕过此限制，以获取底层DOM元素的引用。