從子angular2中的父級訪問變量

Question

我在父組件中有一個變量，我想在子組件中進行編輯。 我嘗試了@Input但似乎沒有用！ 如何實現將var傳遞給孩子並聽取更改？

家長：

export class Parent implements OnInit {
    showModal : boolean = false;
}

兒童：

export class Child implements OnInit {
    @Input() showModal: boolean;

    // calling this function on (click) button.
    closeModal() {
      this.showModal = false;
    }
}

謝謝。

Answer 1

export class Child implements OnInit {
    @Input() showModal: boolean;
    @Output() showModalChange:EventEmitter<boolean> = new EventEmitter<boolean>();

    // calling this function on (click) button.
    closeModal() {
      this.showModal = false;
      this.showModalChange.emit(this.showModal);
    }
}

父元素html

<child [(showModal)]="showModal"

應該做你想做的。