从child 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"

应该做你想做的事.