AngularJS aplicación de varias páginas

Tengo una aplicación SPA angularjs con una página index.html como plantilla principal y el rest de las vistas se cargan como subvistas en una label ng-view. Estoy usando una plantilla de bootstrap de Twitter para el sitio, por lo que la plantilla tiene una página de inicio de session que es diferente del rest de las páginas. ¿Hay alguna manera de tener múltiples páginas principales de plantilla, una para la página de inicio de session y otra para todo lo demás? He estado tratando de averiguar cómo especificar una página diferente en el proveedor de ruta, pero no he podido averiguar cómo especificar una página en lugar de una vista parcial como templateURL o si eso es posible.

Soy nuevo en angularjs, así que no estoy seguro de cuál es la mejor manera de manejar esta situación.

Gracias

Estás en el path correcto con RouteProvider

angular.module('mymodule', ['ngRoute']) .config(function($routeProvider) { $routeProvider. when('/index.html/page1/', {templateUrl : './templates/template1.html'}). when('/index.html/page2/', {templateUrl : './templates/template2.html'}). otherwise({networkingirectTo : '/index.html/page1/'}); }); 

Tendría que hacer esto usando ng-include . Tu vista principal debe verse como

 <body ng-app> <div id='topNav' ng-include='templateUrl' ng-controller='topNavController'></div> <div id='left' ng-include='templateUrl' ng-controller='leftNavController'></div> <div ng-view> </body> 

El templateUrl puede ser del server o preinstalado en el cliente usando la label <script> .

El javascript se vería así.

 function topNavController($scope, $route, $location) { //Check using $route or $location if login view is loaded // if yes $scope.templateUrl='loginTopNavTemplateUrl' //else $scope.templateUrl='mainNavTemplateUrl' } 

Consulte la documentation de ng-include , $route y $location para ver cómo funcionan estos elementos.