Angularjs - 如何将视图加载到弹出窗口中

Question

让我的观点以弹出式模式显示的最佳方法是什么？

我有我的应用程序的主仪表板，然后每当用户想要在仪表板上添加或编辑项目时，我希望通过弹出模式中的表单来完成。

我知道我可以使用jquery来处理弹出窗口的显示和隐藏。但有没有一种有角度的方法可以做到这一点，或者在这种情况下是否可以接受jquery？

Answer 1

检查一下，然后转到模态部分。这看起来很干净。那里有一个html和javascript的例子。您的视图是一个模板，可以是javascript中的html文件或内联html。

http://angular-ui.github.io/bootstrap/

Answer 2

就像Angular中的所有内容一样，有很多方法可以做到这一点。也许最简单的方法是让模态的HTML被ng-show或ng-hide与ng-mouseover一起隐藏。

Answer 3

我现在正在做这个，并决定使用jquery ui作为模态。拖动和调整大小很难做到，我的模态需要这样做。我将模态调用包装在一个指令中，因此模态会弹出onclick。我犯的错误是使用jquery append添加新的html。不要这样做。使用template或templateUrl然后将其放入模态中。这将确保模态中的所有范围变量都与控制器通信。