Angular 8.x使用ViewChild报错

￡神魔★判官ぃ 2023-06-23 13:12 92阅读 0赞

错误：

error TS2554: Expected 2 arguments, but got 1.

应有 2 个参数，但获得 1 个。ts(2554)

core.d.ts(7888, 47): An argument for 'opts' was not provided.

![20191219111342558.png][]![20191219111406480.png][]

原因：ViewChild需要两个参数，并没有提供opts

官网解释：

**static** - whether or not to resolve query results before change detection runs (i.e. return static results only). If this option is not provided, the compiler will fall back to its default behavior, which is to use query results to determine the timing of query resolution. If any query results are inside a nested view (e.g. \*ngIf), the query will be resolved after change detection runs. Otherwise, it will be resolved before change detection runs.

此段解释在中文文档中并没有被翻译，大体意思如下：

**static** - 是否在更改检测运行之前解析查询结果(即只返回静态结果)。如果不提供此选项，编译器将退回到其默认行为，即使用查询结果来确定查询解析的时间。如果任何查询结果位于嵌套视图中(例如\*ngIf)，则在运行更改检测后将解析该查询。否则，它将在变更检测运行之前被解析。

解决：（按他说的添加参数就行了）

@ViewChild('child',{static:true}) child:any;
    
    //或者
    
      @ViewChild('child',{static:false}) child:any;

[20191219111342558.png]: https://img-blog.csdnimg.cn/20191219111342558.png
[20191219111406480.png]: https://img-blog.csdnimg.cn/20191219111406480.png

发表评论取消回复

表情：

评论列表（有 0 条评论，92人围观）

还没有评论，来说两句吧...

相关阅读

相关 Angualr8 ViewChild报错

在使用angular8的@ViewChild的时候出现![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cH...

迈不过友情╰/ 2024年04月17日 16:36/ 0 赞/ 56 阅读

相关 Angular 8 学习（六 viewchild操作DOM）

Angular可以有两种操作DOM的方式，一种原生的js操作DOM，一种viewchile操作一、首先讲一下原生js操作： 1.在html标签中加入id ...

我就是我/ 2024年04月17日 16:35/ 0 赞/ 74 阅读

相关 Angualr8 ViewChild报错

对于angular8来说，必须要加上\{static:true\}才可以正常工作。 @ViewChild('dlg1', \{static: true\}) dlg1: Cr

桃扇骨/ 2023年06月27日 03:29/ 0 赞/ 340 阅读

相关 Angular 8.x使用ViewChild报错

错误： error TS2554: Expected 2 arguments, but got 1. 应有 2 个参数，但获得 1 个。ts(2554) core.d.t

￡神魔★判官ぃ/ 2023年06月23日 13:12/ 0 赞/ 93 阅读

相关 Angular6 学习笔记——内容投影, ViewChild和ContentChild

angular6.x系列的学习笔记记录,仍在不断完善中,学习地址: [https://www.angular.cn/guide/template-syntax][htt

蔚落/ 2023年05月30日 15:57/ 0 赞/ 30 阅读

相关 angular x版本日常报错归纳（不断更新）

1.angular项目打包，node内存溢出错误日志01： ERROR Error: Uncaught (in promise): Error: StaticInj

￡神魔★判官ぃ/ 2023年03月03日 04:53/ 0 赞/ 18 阅读

相关 Angular 2 ViewChild & ViewChildren - 使用模板变量

详见： Angular 2 ViewChild & ViewChildren [https://segmentfault.com/a/1190000008695459]

超、凢脫俗/ 2022年04月10日 05:14/ 0 赞/ 205 阅读

相关 Angular 正确使用 @ViewChild、@ViewChildren 访问 DOM、组件、指令

@ViewChild和@ViewChildren是Angular提供给我们的装饰器，用于从模板视图中获取匹配的元素。需要注意的是@ViewChild和@ViewC

左手的ㄟ右手/ 2022年04月05日 20:16/ 0 赞/ 798 阅读

相关 Angular2+ ViewChild & ViewChildren解析

ViewChild ViewChild 是属性装饰器，用来从模板视图中获取匹配的元素。视图查询在 `ngAfterViewInit` 钩子函数调用前完成，因此在`

「爱情、让人受尽委屈。」/ 2021年09月15日 01:56/ 0 赞/ 345 阅读

相关 Angular自学笔记（?）ViewChild和ViewChildren

[ViewChild][] 最好在ngAfterViewInit之后，获取模版上的内容获取普通dom import { AfterViewInit, C

ゝ一纸荒年。/ 2021年09月07日 06:11/ 0 赞/ 359 阅读