ng组件间通信

1、@Input，@Output （父到子。子到父。双向绑定），已涉及过
2、子获取父实例，父获取子实例

// 子获取父
// child

 export class ChildComponent {
  constructor(
    @Host() @Inject(forwardRef(() => AppComponent)) app: AppComponent
  ) {
    setInterval(() => {
      app.num++;
    }, 1000);
  }
}

// app

export class AppComponent {
  constructor() {}
  num = 0;
}

// 父获取子实例

export class ParentPage {
  @ViewChild(ChildPage) child:ChildPage;
    ngAfterViewInit() {
        setInterval(()=> {
            this.child.i++;
        }, 1000)
    }
}

3、service方式
4、EventEmitter 方式暂未了解
5、订阅

参考：Angular4 组件通讯方法大全

转载于:https://www.jianshu.com/p/db1408f5d5bf