前言

本文主要介绍的是关于Angular 2父子组件之间数据传递之局部变量获取子组件其他成员的相关内容，话不多说，来看看详细介绍：

通过@Input和@Output可以实现数据之间的传递，但是无法获取子组件的类属性和类方法，接下来我们通过局部变量方式实现获取子组件其他成员

第一步：定义子组件：

ChildenComponent.ts

(1).子组件中之定义了一个fun1()方法，提供给父组件调用

第二步：定义父组件

ParentComponent.ts

ParentComponent.html

通过#号来标识一个变量, 这样在父组件模板中创建了一个局部变量#chiden来获取子组件的实例,调用子组件中的方法和属性。上面例子中我们定义了#chiden之后，绑定点击就可以调用子组件的方法了

看看效果

点击按钮，弹出子组件方法的alert('子组件方法');

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对的支持。

# angular  # 父子组件  # angular2  # 局部变量  # Angular父子组件通过服务传参的示例方法  # Angular2 父子组件通信方式的示例  # angularjs2中父子组件的数据传递的实例代码  # Angular 2父子组件数据传递之@Input和@Output详解(下)  # Angular 2父子组件数据传递之@Input和@Output详解 (上)  # Angular 2父子组件数据传递之@ViewChild获取子组件详解  # Angular 2父子组件之间共享服务通信的实现  # Angular2 父子组件数据通信实例  # 详解Angular父子组件通讯  # 的是  # 相关内容  # 弹出  # 来看看  # 详细介绍  # 可以实现  # 这篇文章  # 谢谢大家  # 多说  # 提供给  # 第二步  # 绑定  # 就可以  # 类属  # 有疑问  # Input  # color  # span 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： 今日头条AI怎样推荐抢票工具_今日头条AI抢票工具推荐算法与筛选【技巧】  1688铺货到淘宝怎么操作 1688一键铺货到自己店铺详细步骤  如何快速启动建站代理加盟业务？  标题：Vue + Vuex 项目中正确使用 JWT 进行身份认证的实践指南  Win11怎样安装网易有道词典_Win11安装词典教程【步骤】  PHP 实现电台节目表的智能时间匹配与今日/明日轮播逻辑  如何在浏览器中启用Flash_2025年继续使用Flash Player的方法【过时】  php增删改查怎么学_零基础入门php数据库操作必知基础【教程】  详解Android——蓝牙技术 带你实现终端间数据传输  html如何与html链接_实现多个HTML页面互相链接【互相】  ChatGPT怎么生成Excel公式_ChatGPT公式生成方法【指南】  js代码实现下拉菜单【推荐】  ,交易猫的商品怎么发布到网站上去？  Laravel怎么使用Collection集合方法_Laravel数组操作高级函数pluck与map【手册】  网站制作壁纸教程视频,电脑壁纸网站？  Python正则表达式进阶教程_复杂匹配与分组替换解析  Laravel广播系统如何实现实时通信_Laravel Reverb与WebSockets实战教程  儿童网站界面设计图片,中国少年儿童教育网站-怎么去注册？  Android GridView 滑动条设置一直显示状态(推荐)  Laravel如何实现本地化和多语言支持？（i18n教程）  Laravel如何发送邮件_Laravel Mailables构建与发送邮件的简明教程  什么是JavaScript解构赋值_解构赋值有哪些实用技巧  高性能网站服务器部署指南：稳定运行与安全配置优化方案  猪八戒网站制作视频,开发一个猪八戒网站，大约需要多少？或者自己请程序员，需要什么程序员，多少程序员能完成？  如何在 Go 中优雅地映射具有动态字段的 JSON 对象到结构体  JavaScript Ajax实现异步通信  js实现点击每个li节点，都弹出其文本值及修改  Laravel如何实现登录错误次数限制_Laravel自带LoginThrottles限流配置【方法】  WordPress 子目录安装中正确处理脚本路径的完整指南  大连 网站制作,大连天途有线官网？  网站建设保证美观性，需要考虑的几点问题！  iOS正则表达式验证手机号、邮箱、身份证号等  Laravel用户密码怎么加密_Laravel Hash门面使用教程  Laravel Session怎么存储_Laravel Session驱动配置详解  网站设计制作书签怎么做,怎样将网页添加到书签/主页书签/桌面？  Android自定义控件实现温度旋转按钮效果  深圳防火门网站制作公司,深圳中天明防火门怎么编码？  如何获取PHP WAP自助建站系统源码？  Windows10如何更改计算机工作组_Win10系统属性修改Workgroup  网页制作模板网站推荐,网页设计海报之类的素材哪里好？  canvas 画布在主流浏览器中的尺寸限制详细介绍  如何在腾讯云服务器快速搭建个人网站？  Win11任务栏卡死怎么办 Windows11任务栏无反应解决方法【教程】  如何在万网开始建站？分步指南解析  如何在Windows服务器上快速搭建网站？  移动端脚本框架Hammer.js  iOS验证手机号的正则表达式  Laravel如何升级到最新版本？（升级指南和步骤）  手机网站制作与建设方案,手机网站如何建设？  Windows10电脑怎么设置虚拟光驱_Win10右键装载ISO镜像文件