我正在开发一个 Angular2 应用程序,现在我正面临 Bootstrap Modals 。
如您所知,只有将它们附加到body
节点,Modals才能正常工作。
我的应用程序有很多模态,有时我在不同的情况下使用相同的模态。
所以我需要动态创建模态并将它们直接放入body
元素(并在对话框关闭后删除它们)。我需要从任何地方实现这一目标。
例如,如果我的某个组件需要显示模态,则应执行以下操作:
var modal = new MyModal();
modal.show(myArgument); // append the html to the body
modal.onResult(result => consoe.log(result));
使用Angular 2可以做到这一点吗?
我看一下ComponentResolver
和ViewContainerRef
但看起来它们只有在动态组件位于组件模板内部时才有效,但这显然是不可能的。
谢谢!