Angularjs 身份验证后的单页应用程序

嗨，我是新来的，我需要帮助

我想创建单页应用程序

基本信息：

• 通过url导航
• 整个应用程序都支持身份验证（如果未授权，则仅显示登录页面，可能会重置密码、联系人页面等…->我将选择未授权的URL）
• 身份验证后面是静态布局，如标题、菜单、侧栏、页脚和内容容器（ng视图）

请帮助我（html结构、模板、控制器、指令等）

我对结构的看法 页码：

• index.html
• login-template.html
• layout-template.html
• menu-template.html
• content1.html
• content2.html
• content3.html
• content4.html
• list-of-items-template.html

我不知道索引页中必须有什么，但layout-template.html中会有一些静态html，一些模板，如menu-template.html和ng-view，其中内容将通过URL显示

在某些模板中，将有另一个类似于项目列表的模板，该列表模板具有控制器

我需要每个模板的控制器，比如：（loginCtrl、layoutCtrl、menuCtrl、content1Ctrl）

我希望这是有道理的

---

谢谢你

我和你一样是一个角度新手，我选择了Yeoman Angular generator，因为它非常方便处理文件结构，并制作所有需要的样板文件、单元测试环境等。因此，基本上请查看它并从那里开始学习教程。然后启动您自己的项目，并使用角度子生成器创建视图，如下所示：

首先，让您的应用程序具有基本结构：

yo angular

然后使用子生成器添加带有管线的视图（有关角度生成器的详细信息，请参见）

至少我使用index.html来定义整个应用程序的静态布局，然后像angular generator默认示例一样，在“yo”-命令生成的单独html文件中使用视图，在页面的“中间部分”有视图。我还不需要SASS，但是我可以使用引导css。最后，为了保持HTML文件的整洁，我发现ng include指令非常方便，例如，如果使用HTML选项卡并将每个选项卡的内容放在自己单独的HTML文件中

身份验证在后端完成，当用户未经身份验证时，web服务器静态重定向到登录页面，当有有效授权时，静态重定向到我的索引页面

我相信还有很多其他方法可以做到这一点，但我就是这样做的。它的工作原理很好，而且似乎在维护方面也很方便

yo angular:route your_view
...