Angular2官方文档对组件交互这块有详细的介绍–>文档–组件之间的交互。按文档介绍,组件间交互的方式一共有4种,包括:
通过输入型绑定把数据从父组件传到子组件(@Input decoration);子组件暴露一个EventEmitter属性(@Output decoration),当事件发生时,利用该属性emits向父组件发射事件。
父组件与子组件通过本地变量互动。(# var)
父组件调用@ViewChild。
父组件和子组件通过服务来通讯。
我在这里只总结、详细介绍3种我在项目中使用过的方法,看完本文大概能做到如下的效果:
创建项目,项目结构如下:
通过@