角js ngRoute重定向到没有ng视图的新页面。

Question

我有一个网页应用程序仪表板..。我使所有html文件的标题都是通用的。它有配置文件页，第1页和SignIn。我有signIn页面，它不应该包含公共的标题。如何在没有ng视图和公共头的情况下重定向到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){

});

我的主要头文件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视图，也不包括头.如何使用ng-路由重定向到signIn html。

Answer 1

如果用户在页面中登录，则可以隐藏标题。

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();
});