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

时间:2018-04-11 17:04:20

标签: angular

我有布局表单,我点击了按钮。在其他组件我有布局,里面有模态,所以当我点击布局点击我想打开模态。

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>

1 个答案:

答案 0 :(得分:2)

<layout>的模板变量上设置属性:

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

并在布局组件中:

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

DEMO