AngularJS SPA登录页面

Question

I have an Angularjs single page application and now I would like to add a login page to it. Here is my SPA template plunker : http://plnkr.co/edit/WgUDJQNL0YCKWUfXMFsr?p=preview . I need a login page and not a modal(examples are available for login page as modal). User has to view the information page(which is in above plunker) only after logging in. Have gone through various videos and tutorials on this but couldn't find a solution. As am new to angularjs, would be grateful if anyone can provide the code for this.

Thanx in advance!!

Answer 1

Remove the body content from index and put it in a separate file(home.html). Just add a ui-view in the body. In run block route to login page by default. On login success route to your home page using $state.go('home') . Name the tab routes as home.tab1 and home.tab2 for Nested routes.