Data binding 如何在angular2中实现孙子和父母之间的双向绑定？

我需要在父母和孙子之间进行双向绑定。因此，我尝试在孩子和其他两个孩子之间做双向绑定

有些人是这样想的

孙子女父母

但它并不像我预期的那样起作用

这是我的孙子：

<svg [class.small-size]="!isFullScreen" [class.full-screen]="isFullScreen">
  <ng-content></ng-content>
</svg>
...

export class FullScreenableSvgComponent {

  @Input() isFullScreen: Boolean;
  @Output() isFullScreenChange: EventEmitter<Boolean>;

  constructor() {
    this.isFullScreen = this.isFullScreen || false;
    this.isFullScreenChange = new EventEmitter<Boolean>();
  }
  ...
}

...
导出类FullScreenableSvgComponent{
@Input（）为全屏：布尔值；
@Output（）isFullScreenChange:EventEmitter；
构造函数（）{
this.isFullScreen=this.isFullScreen | | false；
this.isFullScreenChange=新的EventEmitter（）；
}
...
}

这是我的孩子：

<fullscreenable-svg (window:resize)="onResize()" [(isFullScreen)]="isFullScreen">
    ...
</fullscreenable-svg>

export class VisualizationComponent implements OnChanges, OnInit {

  @Input() isFullScreen: Boolean;
  @Output() isFullScreenChange: EventEmitter<Boolean>;

  constructor(private elementRef: ElementRef) {

    this.isFullScreenChange = new EventEmitter<Boolean>();
  }
  ...
}

...
导出类VisualizationComponent实现OnChanges，OnInit{
@Input（）为全屏：布尔值；
@Output（）isFullScreenChange:EventEmitter；
构造函数（私有elementRef:elementRef）{
this.isFullScreenChange=新的EventEmitter（）；
}
...
}

这是我的父母：

<visualization [(isFullScreen)]="isFullScreen" [nodes]="[]" [links]="[]">         
</visualization>
<div [hidden]="isFullScreen" style="position:absolute;">
    i am working
</div>

我在工作

有错误吗？没有，但它没有按预期工作。有错误吗？没有，但它没有按预期工作。