我有这个 AngularJS 应用程序。一切正常。
现在,当特定条件变为真时,我需要显示不同的弹出窗口,我想知道最好的方法是什么。
目前我正在评估两个选项,但我对其他选项绝对持开放态度。
我可以为弹出窗口创建新的 HTML 元素,并直接从控制器附加到 DOM。
这将打破 MVC 设计模式。我对这个解决方案不满意。
我总是可以在静态 HTML 文件中插入所有弹出窗口的代码。然后,使用ngShow,我可以只隐藏/显示正确的弹出窗口。
ngShow
此选项不是真正可扩展的。
所以我很确定必须有更好的方法来实现我想要的。
根据我迄今为止对 AngularJS 模态的经验,我认为最优雅的方法是提供一个专用服务,我们可以为它提供一个部分 (HTML) 模板以在模态中显示。
当我们考虑它时,模态是一种 AngularJS 路由,但只是显示在模态弹出窗口中。
AngularUI 引导项目 ( http://angular-ui.github.com/bootstrap/ ) 有一个出色的$modal服务(在 0.6.0 版本之前曾被称为 $dialog),它是一个服务的实现,可以将部分内容显示为模态弹出窗口。
$modal