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

Question

我有点击按钮的布局表单。在其他组件中，我有内部有模式的布局，所以当我点击布局时，我想打开模式。

https://plnkr.co/edit/wJjPL9ZYYsOapw8ylD12?p=preview

这是我的笨蛋。有什么建议我该怎么做？我收到子未定义的错误。

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

Answer 1

为<layout>设置模板变量的属性：

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

在布局组件中：

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

DEMO