Question

我有一个webapplication仪表板..我在所有html文件中都使用了标题..它有个人资料页面，第1页和SignIn。我有signIn页面，不应该包含公共标题。如何在没有ng-view和公共标题的情况下重定向到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-view，并且不包括标题...如何使用ng-Route重定向到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();
});

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

1 个答案: