AngularJS SPA 登录页面

AngularJS SPA Login Page

本文关键字:登录 SPA AngularJS      更新时间:2023-09-26

我有一个Angularjs单页应用程序,现在我想添加一个登录页面。这是我的SPA模板plunker:http://plnkr.co/edit/WgUDJQNL0YCKWUfXMFsr?p=preview。我需要一个登录页面而不是模态(示例可用于作为模态的登录页面)。用户只有在登录后才能查看信息页面(在上面的 plunker 中)。浏览了有关此的各种视频和教程,但找不到解决方案。作为angularjs的新手,如果有人能为此提供代码,将不胜感激。

提前感谢!!

从索引中删除正文内容并将其放在单独的文件(home.html)。只需在正文中添加一个 ui 视图即可。在运行块路由到登录页面默认。使用$state.go('home')成功登录主页的路由。将选项卡路由命名为 home.tab1 和 home.tab2 表示嵌套路由。