使用Angular js进行App设计

Question

我一直在使用AngularJS构建一个大型应用程序。关于如何最好地设计应用程序的问题，我看到了太多类似的问题，但仍然有点困惑。

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

1）登录页面/首页

2）主页 - 带有标题和页脚。正文是通过$route动态加载的partial/composite。

由于我们没有处理多个ng-view的方法，所以最佳的方式是如何构建Home页面，使其具有一个单独的HomePage容器，包括标题和页脚，而正文通过$route动态加载。

目前，我已经设计了一个单独的LoginContainerPage，通过$routers加载Login页面和主页，但是由于只允许使用一个ng-view，我不能在Home页面中再次使用另一个ng-view来动态加载正文。我也不想使用ng-include。

另一种方法是将LoginPage放在$route之外，从HomePage开始路由，以便动态加载正文。

想知道是否有更好的想法。

提前感谢！

- Aki

---

请查看我的关于多个命名ng-view的拉取请求 https://github.com/angular/angular.js/pull/1198 - Haralan Dobrev

我认为你已经很好地审查和理解了各种选择。此时，我会选择“从主页开始路由”。顺便说一下，这是安迪的ng-switch + ng-include想法：https://dev59.com/E2cs5IYBdhLWcg3wym_D - Mark Rajcok

@mohangopi请在您的建议编辑中花更多时间。您的格式过于繁琐和分散注意力。 - ryanyuyu

Answer 1

在我正在使用AngularJS的项目中，我采取了以下方法：我有一个标题作为主导航系统，我为此制作了一个控制器来处理导航系统，并知道我现在所在的位置。我有一个ngView，根据路由加载我的主要内容，但有时我需要根据某些事件加载和编译不同的模板，例如Ajax加载选项卡。我使用ngInclude实现了这些类型的事情，视图上的主控制器负责选择模板并包含它，我认为没有必要使用多个ngView，您可以简单地使用作用域来实现不同的事物，并使用不同的控制器和数据处理应用程序的不同部分。我想对您最好的建议是将登录页面分开。在我的项目中，我做到了这一点。我的登录页面是我唯一没有使用Ajax的页面。

编辑：关于身份验证部分，如果您希望通过Angular实现身份验证，您可能需要查看这里。

- Amir