javascript - Angular2 中的 ViewChild 是什么？

Question

来自官方documentation .一个 ViewChild:

Configures a view query.

View queries are set before the ngAfterViewInit callback is called.

解释非常少，我仍然不太明白它的用途。

考虑这个 example来 self 找到的博客。

去掉@ViewChild(TodoInputCmp)对TodoInputCmp里面的代码没有影响

谁能给我一些见解？

谢谢

Answer 1

它提供对您 View 中的元素或组件的引用:

@Component({
  ...
  directives: [SomeComponent],
  template: `
  <div><span #myVar>xxx</span><div>
  <some-comp></some-comp>`
})
class MyComponent {
  @ViewChild('myVar') myVar:ElementRef;
  @ViewChild(SomeComponent) someComponent:SomeComponent;
  
  ngAfterViewInit() {
    console.log(this.myVar.nativeElement.innerHTML);
    console.log(this.someComponent);
  }
}

重要:变量在 ngAfterViewInit()

之前未初始化