Javascript AngularJS应用程序多页_Javascript_Angularjs_Twitter Bootstrap

Javascript AngularJS应用程序多页

javascript angularjs twitter-bootstrap

Javascript AngularJS应用程序多页,javascript,angularjs,twitter-bootstrap,Javascript,Angularjs,Twitter Bootstrap,我有一个angularjs SPA应用程序，其中index.html页面作为主模板，其余视图作为子视图加载到ng视图标记中。我正在为站点使用twitter引导模板，因此该模板有一个与其他页面不同的登录页面。有没有办法拥有多个主模板页面，一个用于登录页面，另一个用于其他所有页面？我一直在试图弄清楚如何在路由提供程序中指定不同的页面，但我一直无法弄清楚如何将页面而不是部分视图指定为模板URL，或者这是否可行我是angularjs的新手，所以我不确定处理这种情况的最佳方法是什么谢谢您必须使用ng

我有一个angularjs SPA应用程序，其中index.html页面作为主模板，其余视图作为子视图加载到ng视图标记中。我正在为站点使用twitter引导模板，因此该模板有一个与其他页面不同的登录页面。有没有办法拥有多个主模板页面，一个用于登录页面，另一个用于其他所有页面？我一直在试图弄清楚如何在路由提供程序中指定不同的页面，但我一直无法弄清楚如何将页面而不是部分视图指定为模板URL，或者这是否可行

我是angularjs的新手，所以我不确定处理这种情况的最佳方法是什么

谢谢

您必须使用

ng include

执行此操作。您的主视图应该如下所示

<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>

查看

ng include

、

$route

和

$location

的文档，了解这些元素是如何工作的。

您使用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({redirectTo : '/index.html/page1/'});
});

我想这篇文章回答了你的问题：

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({redirectTo : '/index.html/page1/'});
});