angular4中父组件如何调用子组件的方法
来源:互联网 发布:arp s绑定mac 编辑:程序博客网 时间:2024/06/06 01:09
一、新建一个子组件
ng g component child
二、子组件中添加要被调用的方法
child.component.ts
export class ChildComponent implements OnInit { constructor() { } ngOnInit() { } greeting(name:string){ console.log('hello'+name); }}
三、主组件添加html代码
此处用2种方法呈现效果:
app.component.html
<!--1.在控制器里用typescript代码实现--><app-child #child1></app-child><!--2.在模板上用模板变量实现--><app-child #child2></app-child><button (click)="child2.greeting('Jerry')">按钮调用child2的greeting方法</button>
四、主组件控制器加相关调用
app.component.ts
export class AppComponent implements OnInit{ @ViewChild('child1') child1:ChildComponent; ngOnInit(): void { this.child1.greeting('tom'); } }
五、执行效果
阅读全文
0 0
- angular4中父组件如何调用子组件的方法
- 子组件调用父组件的方法
- 子组件调用父组件的方法
- vue组件之间的通信以及如何在父组件中调用子组件的方法和属性
- 父组件调用子组件的方法以及子组件调用父组件的方法
- flex子组件调用父组件方法
- vue 父组件调用子组件方法
- reactjs--子组件调用父组件的方法
- reactjs--父组件调用子组件的内部方法
- React.js 子组件调用父组件的方法
- VUEJS 2.0 子组件访问/调用父组件的 方法
- vue关于父组件调用子组件的方法
- 在vue2.0中父组件如何触发子组件的自定义方法?
- 在vue2.0中父组件如何触发子组件的自定义方法?
- Vue $emit $refs子父组件间方法的调用
- react子组件与父组件之间方法调用
- Angular2父组件类调用子组件方法
- vue 2.0 父组件调用子组件中的方法
- 用Navicat保存数据字典
- 每周一报 12.20
- JAVA日期操作大全
- 【scala 高级函数】快速了解scala高级函数用法
- springboot
- angular4中父组件如何调用子组件的方法
- HX711运算代码
- Strut2 OGNL知识点
- 一个简单的python爬虫爬取糗百图片
- 20171220Capstone培训班
- 在Linux里面配置jdk1.8
- eclipse中将项目打包成jar的两种方法,及其问题与解决方法
- MySQL简单主从配置
- Webpack3的使用(四)