1. 创建工程
ng new demo3
2. 创建子组件
ng g component child
3. 在子组件中定义方法greeting
4. 父组件html（第三行是模板中调用子组件的方法）
5. 父组件Control调用子组件中的方法
本文转自Work Hard Work Smart博客园博客，原文链接：http://www.cnblogs.com/linlf03/p/7260266.html，如需转载请自行联系原作者
Angular 4 父组件调用子组件中的方法
2017-12-07
2381
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
目录
相关文章
|
6月前
|
6月前
|
JavaScript
|
存储
前端开发
数据库
Angular4总结（五）—— 父子组件通信，钩子方法
组件和组件之间一定得是松耦合的这样可重用性才高，想象一下这样的场景，A和B两个兄弟组件，但是A调用B组件的一个方法，那么这两个组件就紧密的联系在了一起，这其实是并不可取的。
组件我们应该看作是一个黑盒，组件只需要"输入"和"输出"的功能就行，组件并不关心到底是谁给他输入的，也不关心他会输出给谁。
1487
0
0
angularJS之angular-datatable的方法
1397
0
0
细说angular Form addControl方法
1226
0
0
|
3月前
|
API
开发者
UED
PrimeFaces：JSF的魔法衣橱，解锁UI设计的无限可能！
【8月更文挑战第31天】本文介绍如何结合 JSF（JavaServer Faces）和 PrimeFaces 构建美观且功能强大的现代用户界面。PrimeFaces 提供丰富的 UI 组件库，包括按钮、输入框、数据网格等，支持现代 Web 标准，简化界面开发。文章通过具体示例展示如何使用 `<p:inputText>` 和 `<p:calendar>` 等组件创建用户表单，并用 `<p:dataTable>` 展示数据集合，提升 JSF 应用的易用性和开发效率。
60
0
0
热门文章
最新文章
1
Angular4总结（二）—— 路由
2
Angular 4 表单校验2
3
掌握 Angular2 的服务 (service)
4
angular之interceptors拦截器
5
ngCloak 实现 angular 初始化闪烁最佳实践
6
使用VScode开发Angular
7
Angular 怎样绑定 Html
8
angular controller as syntax vs scope
9
Angular 4 管道
10
Angular中的Error: [$resource:badcfg]错误如何解决之一种
1
WEB三大主流框架之Angular
51
2
前端框架对比：React、Vue与Angular
83
3
函数计算产品使用问题之如何运行Angular
46
4
技术经验分享：Angular动态创建组件之Portals
53
5
Angular框架：企业级Web应用的强大后盾
65
6
angular环境搭建文档【上篇】
44
7
使用Angular构建高效单页应用的实践指南
103
8
Angular 调用导入百度地图API接口，2024春招BAT面试真题详解
58
9
Angular进阶：理解RxJS在Angular应用中的高效运用
87
10
使用Angular进行企业级前端开发：实践与探索
109