【问题标题】:AngularJS - Overlay admin layout?AngularJS - 覆盖管理布局?
【发布时间】:2012-08-24 15:24:25
【问题描述】:

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

让我们举个例子:

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

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

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

希望有人能回答我,这将非常有帮助...

提前致谢!

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

【问题讨论】:

  • ng:showng:hide 在您正在加载的仪表板覆盖模板中不起作用?

标签: javascript angularjs


【解决方案1】:

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

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

【讨论】:

  • 感谢您的回答。这正是我想要的,但问题是这只是一个模式,它没有链接到 url。我想要创建的是当 url 是 .../#/admin/something 时,管理面板显示up 并且“某物”视图显示在叠加层中。我不明白为什么 angularJS 不能配置多个 $routeProvider 链接到不同的 ngview 或类似的东西......一个想法?
  • 我编辑了答案并添加了一个执行您想要的示例。
  • 您好,感谢您的回答。这有助于我解决部分问题。我现在面临另一个问题。使用我的位置“/admin/myPage”,我加载了包含
    的管理布局。此负载是由 jquery ajax 请求完成的,因此我注入的管理布局不是由 angular 启动的,并且我的 ng-include 指令也没有解析。如何在 jquery 注入的内容上执行 angularJS?非常感谢您的帮助:)
  • 我想我已经找到了一个使用 $compile 服务的解决方案,可以在我的 jquery ajax 加载的内容上应用 angularJS...感谢您的时间和回答 :)
猜你喜欢
相关资源
最近更新 更多
热门标签