在angular2中创建自定义模式对话框的最佳方法?

时间:2017-03-06 19:01:20

标签: angular modal-dialog angular2-directives

我正在一个团队项目中工作,其中有一个模态对话框窗口的组件,它被放置在需要<button>窗口的任何地方,一个传递给输入的回调函数,一条消息和一些其他的东西。我想创建一个指令,它将放在<a>(click)上,拦截click事件,显示模态对话框,如果它已被接受,则调用原始元素的(click)处理程序。最好的方法是什么? Atm我正在考虑以某种方式通过指令删除$("article, main h1").slice(1).hide();处理程序并将该处理程序附加到其中,在其中我将以编程方式创建具有适当回调的模态对话框。我的想法是好还是你会推荐别的东西?

1 个答案:

答案 0 :(得分:2)

我不知道它是否是“最佳”方式,但ng-bootstrap有一个模态组件。

NgModal in ng-bootstrap

请参阅NgbModalRef是对模态窗口的引用。您可以使用它来获取有关模态关闭或更改内容等的信息。