angular 的 @ViewChild 和 @ViewChildren 区别

p.p1 { margin: 0; font: 12px "Helvetica Neue"; color: rgba(69, 69, 69, 1) } p.p2 { margin: 0; font: 12px ".PingFang SC"; color: rgba(69, 69, 69, 1) } p.p3 { margin: 0; font: 12px "Helvetica Neue"; color: rgba(69, 69, 69, 1); min-height: 14px } span.s1 { font: 12px ".PingFang SC" } span.s2 { font: 12px "Helvetica Neue" }

ViewChild 装饰器用于获取模板视图中的元素或直接调用其组件中的方法。它支持 Type 类型或 string 类型的选择器，同时支持设置 read 查询条件，以获取不同类型的实例。

ViewChildren 装饰器是用来从模板视图中获取匹配的多个元素，返回的结果是一个 QueryList 集合。

static:true  用于页面初始化时就显示的数据，可以结合ngAfterViewInit使用

static:false 用于页面动态加载模板

 

@ViewChildren(ChildComponent,{static: true  }) child
@ViewChildren(ChildrenComponent) children:QueryList <ChildrenComponent>

查看更多关于angular 的 @ViewChild 和 @ViewChildren 区别的详细内容...