小编典典

以最优雅的方式显示弹窗

all

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

现在,当特定条件变为真时,我需要显示不同的弹出窗口,我想知道最好的方法是什么。

目前我正在评估两个选项,但我对其他选项绝对持开放态度。


选项1

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

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


选项 2

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

此选项不是真正可扩展的。


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


阅读 124

收藏
2022-08-16

共1个答案

小编典典

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

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

AngularUI 引导项目 ( http://angular-ui.github.com/bootstrap/ ) 有一个出色的$modal服务(在 0.6.0 版本之前曾被称为
$dialog),它是一个服务的实现,可以将部分内容显示为模态弹出窗口。

2022-08-16