在Angular2

时间:2016-02-04 09:47:43

标签: modal-dialog angular angular2-services

有人可以指导我如何在有大量模态窗口的angular2中实现模态系统吗?现在,包含搜索客户组件的模态看起来像这样:

<modal #searchModal title="Search">
    <search-customer (complete)="searchModal.hide()">
    </search-customer>
</modal>

基本上模态是一个固定在屏幕中间的简单组件,当模态内的组件发出事件时,我关闭模态。在每个show()close()上,模态从服务中获取Z-index并应用/删除某些样式。

到目前为止,问题是:

  • 在按Esc时,我必须关闭最后打开的模式,如何从服务中访问该组件?我可以以某种方式在modal.show()上传递对服务的引用吗?
  • 如果服务中发生异常,我如何访问模式以显示我的问题?在我的应用程序的根组件中有一个模态组件(如果是这样,那么我有第一个问题,如何从服务内部访问它?)
  • 我可以轻松地打开和关闭模板中的模态,就像上一个示例中的(complete)="searchModal.hide()"一样,但我怎样才能从类方法中做到这一点?

有人可以告诉我正确的方法,或者如何解决现有的问题?

0 个答案:

没有答案