大佬教程收集整理的这篇文章主要介绍了详解Angular2中Input和Output用法及示例，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
对于angular2中的Input和Output可以和AngularJS中指令作类比。
Input相当于指令的值绑定，无论是单向的(@)还是双向的(=)。都是将父作用域的值“输入”到子作用域中，然后子作用域进行相关处理。
Output相当于指令的方法绑定，子作用域触发事件执行响应函数，而响应函数方法体则位于父作用域中，相当于将事件“输出到”父作用域中，在父作用域中处理。
看个angular2示例吧，我们定义一个子组件，获取父作用域的数组值并以列表形式显示，然后当点击子组件的元素时调用父组件的方法将该元素删除。
//app.component.ts
@Component({
SELEctor: 'app-root',templateUrl: './app.component.html',styleUrls: ['./app.component.css']
})
export class AppComponent {
data = [1,2,3];
getChildEvent(indeX){
console.log(indeX);
this.data.splice(index,1);
}
}
以上是大佬教程为你收集整理的详解Angular2中Input和Output用法及示例全部内容，希望文章能够帮你解决详解Angular2中Input和Output用法及示例所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。