1

有人可以指导我如何在具有大量模态窗口的 angular2 中实现模态系统吗？现在，包含用于搜索客户的组件的模式看起来像这样：

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

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

到目前为止，问题是：

  • 按Esc我必须关闭最后打开的模式，如何从服务访问该组件？我可以以某种方式传递对服务的引用modal.show()吗？
  • 如果服务中发生异常，我如何访问模式来显示我的问题？在我的应用程序的根组件中有一个模态组件（如果是这样，那么我又遇到了第一个问题，如何从服务内部访问它）？
  • 我可以像前面的示例一样轻松地从模板打开和关闭模式，(complete)="searchModal.hide()"但是如何从类方法内部执行此操作？

有人可以告诉我这样做的正确方法，或者如何解决现有问题吗？

4

0 回答 0