Angular2中的ViewChild是什么？ [英] What is ViewChild in Angular2?

问题描述

来自官方文档。 A ViewChild ：

Configures a view query.

View queries are set before the ngAfterViewInit callback is called.

解释非常小，我仍然不太明白它用于什么。

The explanation is very minimal and I still don't quite understand what is it used for.

从我找到的博客中考虑这个示例。

Consider this example from a blog I found.

取消 @ViewChild（TodoInputCmp）对 TodoInputCmp中的代码没有影响

有人可以给我一些见解吗？

Can someone give me some insight?

谢谢

推荐答案

它提供了对视图中元素或组件的引用：

It provides a reference to elements or components in your 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（）

这篇关于Angular2中的ViewChild是什么？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！