AngularJS Multiple View

Question

Default View

<html>
  <head>
    //angular source
  </head>
  <body ng-app="angular">
    //header
    // login and register button 
    <div ng-view></div>
    // footer
  </body>
</html>

Profile View

<html>
  <head>
    //angular source
   </head>
   <body ng-app="angular">
     //header and menu
     <div ng-view></div>
     // footer
    </body>
</html>

When i try to log in, i am in Default View. After successfully logged in, i want to move a new view (Profile View). Is it possible in angularJS ??

antimatter · Accepted Answer · 2014-11-28 21:20:17Z

1

So the difference is in the header and menu? Why not just use something like ng-show to conditionally check which view you're in (using $location) and update like that.

Or if you really want to keep those pages separate, you could create new static content that loads a different angular app that's 'logged in'. But I don't think this is good design.

answered Nov 28, 2014 at 21:20

antimatter

3,5003 gold badges26 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Mahedi Sabuj Over a year ago

I don't want to show visitors using Firebug or etc what menu or something they are getting after login. That's why i don't want to use ng-show. As you say, it is not possible to move one view to another. Is it ??

antimatter Over a year ago

Oh, well you can use [ng-if] (docs.angularjs.org/api/ng/directive/ngIf) (and I think ng-switch), which won't render the menu at all if the condition is false (rather than merely hide it, like ng-show would): "If the expression is falsy then the element is removed from the DOM tree"

user4294688 · Accepted Answer · 2014-11-29 17:55:04Z

0

one thing you can do make user of AngularJS Routes

http://tutorials.jenkov.com/angularjs/routes.html

just go through with this tutorial you will get some hint

answered Nov 29, 2014 at 17:55

user4294688

Collectives™ on Stack Overflow

AngularJS Multiple View

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related