本篇文章主要介绍了Angular2 组件间通过Input Output通讯示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

Angular2官方文档对组件交互这块有详细的介绍–>文档–组件之间的交互。按文档介绍，组件间交互的方式一共有4种，包括： 通过输入型绑定把数据从父组件传到子组件（Input decoration）；子组件暴露一个EventEmitter属性（Output decoration），当事件发生时，利用该属性emits向父组件发射事件。 父组件与子组件通过本地变量互动。（# var） 父组件调用ViewChild。 父组件和子组件通过服务来通讯。 我在这里只总结、详细介绍3种

本文介绍了Angular2 组件间通过Input Output通讯示例，分享给大家，具体如下： 父组件传给子组件： 子组件设置Input属性,父组件即可通过设置html属性给子组件传值。 子组件： Input() title:string; _name:string = ''; Input() set name(name:string) { this._name=(name&&name.trim())||''; } 上面的代码设置了两个可供父组件传入的属性:title和nam

如今的前端开发，都朝组件式开发模式靠拢，如果使用目前最流行的前端框架Angular和React开发应用，不可避免地需要开发组件，也就意味着我们需要考虑组件间的数据传递等问题，不过Angular 2已经为我们提供了很好的解决方案。 父组件和子组件 接触过面向对象编程的开发者肯定不会对父子关系陌生，在Angular 2中子组件存在于父组件“体内”，并且父子组件可以通过一些渠道进行通讯。 父组件向子组件传入数据 – Input 当我们着手开始开发一个组件时，第一件想到的应该就是为其传入数据，毕竟我们期