有人可以指导我如何在有大量模态窗口的angular2中实现模态系统吗?现在,包含搜索客户组件的模态看起来像这样:
<modal #searchModal title="Search">
<search-customer (complete)="searchModal.hide()">
</search-customer>
</modal>
基本上模态是一个固定在屏幕中间的简单组件,当模态内的组件发出事件时,我关闭模态。在每个show()
和close()
上,模态从服务中获取Z-index
并应用/删除某些样式。
到目前为止,问题是:
Esc
时,我必须关闭最后打开的模式,如何从服务中访问该组件?我可以以某种方式在modal.show()
上传递对服务的引用吗?(complete)="searchModal.hide()"
一样,但我怎样才能从类方法中做到这一点?有人可以告诉我正确的方法,或者如何解决现有的问题?