子変数の親変数からのアクセス変数

Question

親コンポーネントに変数が1つあり、子コンポーネントで編集したいと思います。 @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" 

は、あなたが欲しいものを行う必要があります。