two different ng-app within same application and use the $router for routing between both the modules?

Can i have two different ng-app within same application and use the $router for routing between both the modules?As i understand one cannot use two ng-view within same app

High level concept:

Load Index.html {

     <ng-view>: Load Login.html Here.
             On Successfull Login, Load Home.html here
                                       {
                                         <ng-view>: Load HomePartials.html & other partials
                                         on redirect go back to ng-view of index.html where Login.html would be loaded
                                          </ng-view>
                                       }
 </ng-view>

}

Please share your thoughts on this. Thanks in advance!!

You cannot have more than 1 ng-app directive per html document:

http://docs.angularjs.org/api/ng.directive:ngApp

You can manually bootstrap several angular modules, but you will not be able to use routes for more than one of them since they use the window location