以编程方式将组件添加到特定节点(boostrap模式)

时间:2016-12-11 11:57:47

标签: twitter-bootstrap angular

我正在开发一个 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可以做到这一点吗? 我看一下ComponentResolverViewContainerRef但看起来它们只有在动态组件位于组件模板内部时才有效,但这显然是不可能的。

谢谢!

0 个答案:

没有答案