javascript - AngularJS - 覆盖管理布局？

Question

我来这里是想问一个关于 angularJS 的小问题...目前在工作中，我们正在开发一个需要“覆盖”管理样式面板的应用程序。

让我们举个例子:

http://olivierbossel.com/others/angularJS-overlay.jpg

在第一部分中，url 是“myapp.com/#/works”。为了显示这一点，我目前配置了我的 $routeProvider.when('/works', { templateUrl: ... 等等... 我的模板中有处理模板加载和显示的 ng-view 指令。好的这部分...

我的问题是:如何在页面的另一部分显示内容，如图片的第二部分，其中 url 为“myapp.com/#/admin”？在这种情况下，管理模板必须显示在叠加样式元素中...

希望有人能给我一个答案，这将非常有帮助...

提前致谢!

再见!最良好的问候奥利维尔

Answer 1

看看http://angular-ui.github.com/#directives-modal .它基本上根据 ng-model 变量显示/隐藏模态。

编辑:下面是一个执行您想要的操作的示例:根据路由参数在同一页面上打开模式:http://plnkr.co/edit/DOPmBT?p=preview