【问题标题】:App design using Angular js使用 Angular js 进行应用程序设计
【发布时间】:2012-10-09 05:53:52
【问题描述】:

一直致力于使用 Angular js 构建一个巨大的应用程序。在同一主题上看到太多关于我们如何才能最好地设计应用程序的问题,但仍然很困惑。

一个基本的应用程序通常有一个

1) 登录页面/索引页面

2) 主页 - 带有页眉和页脚。身体是不断变化的partial/composite

因为我们没有加载多个 ng-views 的句柄,这是构造 Home 页面的最佳方式,这样我们就有一个 HomePage 容器带有页眉和页脚,Body 通过$route 动态加载。

现在我使用单个 LoginContainerPage 来设计它,它通过 $routers 加载 Login 页面和主页,但由于只允许单个 ng-view 我不能在 主页 页面中使用另一个ng-view 再次动态加载正文。我也不热衷于使用ng-include

另一种方法是将LoginPage 保留在$route 之外并从HomePage 开始路由,以便动态加载Body。

想看看周围有没有更好的想法。

提前致谢!!

【问题讨论】:

  • 看看我关于多个命名 ng-views 的拉取请求 github.com/angular/angular.js/pull/1198
  • 我认为您已经很好地检查并理解了替代方案。此时,我会选择“从主页开始路由”。仅供参考,这是 Andy 的 ng-switch + ng-include 想法:stackoverflow.com/questions/12577378/…
  • @mohangopi 请花更多时间在您建议的编辑中。您的格式是多余的并且会分散注意力。

标签: html angularjs


【解决方案1】:

在我正在使用 angularjs 的项目中,我采用了这种方法: 我有一个主导航系统的标题,我为它制作了一个控制器,用于处理导航系统并知道我现在在哪里。我有一个 ngView,它根据路由加载我的主要内容,但有时我需要根据某些事件(例如 ajax 加载的选项卡)加载和编译不同的模板。我使用 ngInclude 实现了这些类型的东西,视图上的主控制器有责任选择模板并包含它,我相信不需要多个 ngViews 你可以简单地使用范围来实现不同的东西并处理你的不同部分具有不同控制器和数据的应用程序。我想对你来说最好的主意是让你的登录页面分开。 我在我的项目中这样做了。我的登录页面是我拥有的唯一非 Ajax 页面。

编辑: 对于身份验证部分,如果您希望通过 Angular 实现身份验证,您可能需要检查 this

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2013-03-22
    • 1970-01-01
    • 1970-01-01
    • 2015-04-22
    • 1970-01-01
    • 1970-01-01
    • 2017-10-21
    • 1970-01-01
    相关资源
    最近更新 更多