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

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