Angular2中的ViewChild是什么?

测试:

从官方文件中ViewChild

Configures a view query.

View queries are set before the ngAfterViewInit callback is called.

解释很少,我仍然不太明白它的用途。

考虑一下我发现的博客中的示例

带走对@ViewChild(TodoInputCmp)内部代码没有影响TodoInputCmp

有人可以给我一些见识吗?

谢谢

GünterZöchbauer:

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

@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()

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Angular2中的“ ...”是什么?目的是什么?

Angular2中的提供程序是什么?

angular2的* ngFor中的*是什么意思?

Angular2 HTML指令中的#的含义是什么

Angular2依赖注入与@ViewChild

angular2中angular.isString()的替代方案是什么?

@ViewChild中的read参数是什么

Angular2中的装饰器@Input()和@Attribute()之间的主要区别是什么?

Angular2英雄之旅-onSelect(hero:Hero)中的冒号是什么意思?

在 Angular2 中验证反应式表单字段的最佳方法是什么?

Angular2指令中“输出属性”的目的是什么?

在angular2的@contentChild中检测焦点事件的最佳方法是什么?

Angular2 文档中的“副作用”是什么意思?

在Angular2中使用nativeElement访问DOM的一些好的选择是什么?

Angular2中静态文件的默认路径是什么?

在angular2中组织路线的最佳方法是什么

在Angular2 Dart中设置Router和RouterLink的正确方法是什么

Angular2中的ChangeDetectionStrategy是什么?何时使用OnPush Vs Default?

Angular2中的延迟加载到底是什么?

是什么导致Angular2中的http函数无法正确触发

Angular2(TypeScript)中的$ {}表示法的名称是什么

Angular2事件是什么Typescript类型

相当于AngularJS $ routeChangeStart的Angular2是什么?

angular2项目中的类型是什么?

Angular2,禁用锚元素的正确方法是什么?

在Angular2中使用更新的嵌套值调用ViewChild方法

Angular2:如何在子组件中获取对ViewChild的引用

# (hash) 在 angular2 中做什么

缺少在angular2(2种差异方式)文档中访问本机元素的正确方法是什么