前言
淡描@ViewChild
@ViewChild的作用是声明对子组件元素的实例引用，意思是通过注入的方式将子组件注入到@ViewChild容器中，你可以想象成依赖注入的方式注入，只不过@ViewChild不能在构造器constructor中注入，因为@ViewChild会在ngAfterViewInit()回调函数之前执行。
@VIewChild提供了一个参数来选择将要引入的组件元素，可以是一个子组件实例引用， 也可以是一个字符串(两者的区别，后面会讲)
下面我们来介绍一下两种用法。
1、当传入的是一个子组件实例引用
childenConponetn.ts
1、定义了一个类方法fun1() ，提供给父组件调用
parentComponent.ts
1、这里传入一个子组件实例引入，定义了一个变量child接收
2、定义了Onclick()方法，用于页面触发点击事件，模拟调用子组件中的方法
parentComponetn.html
1、父组件模版中input绑定了一个click点击事件，页面触发点击调用OnClick()方法
最终效果如下：
2、当传入的是一个字符串
parentComponent.ts
1、@ViewChild传入一个字符串myChild，变量child接收。其它不变
parentComponent.html
1、细心的你会发现这里在子组件模版中创建了一个局部变量#myChild，父组件中的myChild字符串解释为一个选择器。也就是一个元素包含模版局部变量#myChild，这就是与第一种方式唯一不同的地方，这里弥补了《》只能在模版中使用子组件引入的缺陷
最终效果跟上面结果一样
总结
关于@ViewChild还有很多东西可说，这里我不做多说，我会在以后的文章中，单独写一遍来讲，感兴趣的朋友们请继续关注编程之家。
好了，以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对编程之家的支持。
原文地址：https://www.jb51.cc/js/38139.html
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
