Angular 如何从父组件打开子组件中的模态？

我有一个布局形式，我有按钮点击。在另一个组件中，我有一个内部有模态的布局，所以当我单击布局时，我想打开模态

这是我的宝贝。有什么建议我该怎么做？我得到一个未定义的错误

  <layout>
     <div class="body">
      <common-modal  #childModal [title]="'common modal'"> 
    <div class="modal-body">
    {{5+7}} {{item}}
    Hi heloo </div>
    </common-modal> 
     </div>
    </layout>

{{5+7}{{item}
嗨，你好

为

设置模板变量的属性：

---

tnx…这很容易。给你：P

<layout [child]="childModal">
...

   @Input() child;
...
  show(){
   this.child.show();
  }