将数据动态传递给组件

Question

我会动态地将数据从一个组件传输到另一个组件。 当我在addPrelevement方法中更改ShowParent值时，showParent值会更改，但子组件不会重新配置此更改 这是第一个组件 HTML：

<page-prelevement>
      <page-progress-bar   [(showChild)] ="showParent" ></page-progress-bar>
</page-prelevement>

TS：

export class PrelevementPage {
ShowParent: boolean= true;
constructor(....)
}
addPrelevement(){
this.ShowParent=false;
}

子组件：

export class ProgressBarPage 
{
   @Input() showChild: boolean;
  constructor(....) {
    console.log(this.showChild+   "show child");
  }

子组件的html

<div class="progress-outer">
  <div  *ngIf="showChild" [@myAnimation] class="progress-inner" ></div>
</div>

如何解决这个问题？或者还有另一种方法吗？