How to use 2 index.htmls in an angularjs application?

Question

In an angularjs application, is it possible to use a different (index.html?) for login page and use another index.html page for rest of the pages in the application?

Its possible but not by taking a pure angular approach to SPA. I'd say that if you're trying to have more than one main page you have missed the point and power of a properly designed SPA — jbrown
– jbrown, Commented Jul 7, 2016 at 13:11

David H. · Accepted Answer · 2016-07-07 13:19:08Z

1

It is possible, however you can also use ng-if on the login html code and the regular html code:

<div ng-if="userLoggedIn">
   <login page html>
</div>

<div ng-if="!userLoggedIn">
   <regular page html>
</div>

Which will show one of the divs according to what is set as $scope.userLoggedIn in your main controller.

answered Jul 7, 2016 at 13:19

David H.

5072 silver badges10 bronze badges

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

Comments

Durgpal Singh · Accepted Answer · 2016-07-07 13:22:53Z

0

also you can use ng-show and ng-hide

<div ng-show="userLoggedIn">
   <login page html>
</div>

<div ng-hide="!userLoggedIn">
   <regular page html>
</div>

answered Jul 7, 2016 at 13:22

Durgpal Singh

12k4 gold badges40 silver badges50 bronze badges

1 Comment

David H. Over a year ago

ng-show and ng-hide actually load the html and set display:none. This means that even if you are not logged in, the regular html page will still get loaded, then it will be hidden once the scope variables are set.

Collectives™ on Stack Overflow

How to use 2 index.htmls in an angularjs application?

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related