多个主页 angularjs

Question

我正在开始一个新项目，我将使用 angularjs。页面结构如下：

/views
 loginView.html
 mainView.html
loginMaster.html
mainMaster.html

我的问题是登录后设置了其他母版页(mainMater.html)。

路由功能如下：

 mainapp.config(['$routeProvider',function($routeProvider) {

    $routeProvider.when('/login', {
        controller : 'loginController',
        templateUrl : '/views/loginView.html'
    }).when('/', {
        controller : 'mainController',
        templateUrl : '/views/mainView.html'
    }).otherwise({
        redirectTo : '/login'
    });
}]);

Answer 1

AngularJS 非常适合单页应用程序，这意味着如果您通过加载一个全新的页面退出 javascript 的上下文，您将必须重新设置上下文。我建议你只有一个母版页（从服务器加载一次页面，也许有类似的东西:)

<html ng-app="myApp">
...
    <body>
        <div class="container" ng-view>

并在 ng-view 上下文中不断更改整个视图。拥有登录屏幕、登录体验，所有这些都在同一个地方。

多个主页 angularjs

Multiple master page angularjs

javascript

angularjs

angular-routing