Angular js ngRoute 重定向到没有 ng-view 的新页面

Question

我有一个 Web 应用程序仪表板。我使 header 在所有 html 文件中通用。它有配置文件页面、第 1 页和登录。我的登录页面不应包含常见的 header。如何在没有 ng-view 和普通 header..

的情况下重定向到 signin.html

var app=angular.module('single-page-app',['ngRoute']);
app.config(function($routeProvider,$locationProvider){
    //HTML5 Location # remove
    $locationProvider.html5Mode({
          enabled: true,
          requireBase: false
    });
      $routeProvider
          .when('/profile',{
                templateUrl: 'profile.html',
                controller:'profilecntrl'
          })
          .when('/page1',{
                templateUrl: 'page1.html',
                controller:'singlecntrl'
          }).
          when('/signIn',{
                templateUrl:'signIn.html'
          });

});
app.controller('MainController',function($scope){

});

我的主要 Header 文件 HTML 是

 <!-- HEADER AND NAVBAR -->
        <header>
            <nav class="navbar navbar-default">
            <div class="container">
                <div class="navbar-header">
                    <a class="navbar-brand" href="/">Angular Routing</a>
                </div>
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="/profile">Profile</a></li>
                    <li><a href="/page1">Page 1</a></li>
                    <li><a href="/signIn">Sign In</a></li>
                </ul>
            </div>
            </nav>
        </header>

        <!-- MAIN CONTENT AND INJECTED VIEWS -->
            <div ng-view=""></div>

我有单独的登录 HTML 文件，其中 ng-view 和 Header 都不包含...如何使用 [= 重定向到登录 html 22=]..

Answer 1

如果用户在登录页面，您可以隐藏 header

HTML:

<header ng-if="currentPage !== '/signIn'">
        <nav class="navbar navbar-default">
        <div class="container">
            <div class="navbar-header">
                <a class="navbar-brand" href="/">Angular Routing</a>
            </div>
            <ul class="nav navbar-nav navbar-right">
                <li><a href="/profile">Profile</a></li>
                <li><a href="/page1">Page 1</a></li>
                <li><a href="/signIn">Sign In</a></li>
            </ul>
        </div>
        </nav>
    </header>

控制器：

app.controller('MainController',function($scope, $location){
    $scope.currentPage = $location.path();
});

Angular js ngRoute 重定向到没有 ng-view 的新页面

Angular js ngRoute redirect to new page without ng-view

javascript

angularjs

angularjs-ng-route