Как сделать двустороннюю привязку между внуком и родителем в angular2?
Мне нужно сделать два способа связывания между родителем и внуком. Таким образом, я пытаюсь сделать двустороннюю связь между ребенком и двумя другими.
Некоторые так думают
GrandChild <==> Child <==> Родитель
Но это не работает, как я ожидаю.
Это мой внук
<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>();
}
...
}
Это мой ребенок
<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>();
}
...
}
Это мой родитель:
<visualization [(isFullScreen)]="isFullScreen" [nodes]="[]" [links]="[]">
</visualization>
<div [hidden]="isFullScreen" style="position:absolute;">
i am working
</div>