javascript – 以最优雅的方式显示弹出窗口

我有这个AngularJS应用程序.一切正常.

现在我需要在特定条件成立时显示不同的弹出窗口,我想知道什么是最好的方法.

目前我正在评估两个选项,但我绝对愿意接受其他选择.

选项1

我可以为弹出窗口创建新的HTML元素,并直接从控制器附加到DOM.

这将打破MVC设计模式.我对这个解决方案不满意.

选项2

我总是可以在静态HTML文件中插入所有弹出窗口的代码.然后,使用ngShow,我可以隐藏/只显示正确的弹出窗口.

此选项不是真正可伸缩的.

所以我很确定必须有更好的方法来实现我想要的.

解决方法:

根据我迄今为止对AngularJS模态的经验,我认为最优雅的方法是一个专用服务,我们可以提供一个部分(HTML)模板以模态显示.

当我们考虑它时,模态是一种AngularJS路线,但只是在模态弹出窗口中显示.

AngularUI引导程序项目(http://angular-ui.github.com/bootstrap/)具有出色的$modal服务(以前称为版本0.6.0之前的$dialog),它是一种服务的实现,用于将部分内容显示为模式弹出窗口.

标签：show-hide,javascript,angularjs,model-view-controller,popup
来源： https://codeday.me/bug/20190925/1816856.html