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条评论
登录后参与评论

相关文章

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

如何在@ViewChild Angular2中查找子元素?

来自分类Dev

如何在Angular2中更改ViewChild的className?

来自分类Dev

Angular2依赖注入与@ViewChild

来自分类Dev

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

来自分类常见问题

@ViewChild中的read参数是什么

来自分类Dev

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

来自分类Dev

在angular2中设置自定义布尔属性的正确语法是什么

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

Angular2:ViewChild是在类的构造函数中还是在类主体中引用?

来自分类常见问题

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

来自分类Dev

这些angular2导入的目的是什么?

来自分类Dev

angular2项目中的类型是什么?

来自分类Dev

angular2项目中的类型是什么?

来自分类Dev

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

来自分类Dev

# (hash) 在 angular2 中做什么

来自分类Dev

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

来自分类Dev

Angular 2中的组件是什么

来自分类Dev

Angular2组件::按类的ViewChild / ContentChild

来自分类Dev

如何获取元素ViewChild angular2和jquery的ID?

来自分类Dev

处理从 angular2/4 rxjs 中的多个 http observables 返回的数据串联的正确方法是什么?

Related 相关文章

  1. 1

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

  2. 2

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

  3. 3

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

  4. 4

    如何在@ViewChild Angular2中查找子元素?

  5. 5

    如何在Angular2中更改ViewChild的className?

  6. 6

    Angular2依赖注入与@ViewChild

  7. 7

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

  8. 8

    @ViewChild中的read参数是什么

  9. 9

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

  10. 10

    在angular2中设置自定义布尔属性的正确语法是什么

  11. 11

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

  12. 12

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

  13. 13

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

  14. 14

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

  15. 15

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

  16. 16

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

  17. 17

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

  18. 18

    Angular2:ViewChild是在类的构造函数中还是在类主体中引用?

  19. 19

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

  20. 20

    这些angular2导入的目的是什么?

  21. 21

    angular2项目中的类型是什么?

  22. 22

    angular2项目中的类型是什么?

  23. 23

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

  24. 24

    # (hash) 在 angular2 中做什么

  25. 25

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

  26. 26

    Angular 2中的组件是什么

  27. 27

    Angular2组件::按类的ViewChild / ContentChild

  28. 28

    如何获取元素ViewChild angular2和jquery的ID?

  29. 29

    处理从 angular2/4 rxjs 中的多个 http observables 返回的数据串联的正确方法是什么?

热门标签

归档