title: header hide for a particular page in my angular
body: <p>I m working on angular project and my need is hide header block on login page only. I tried to hide header on login page. But it still doesn't work for me. Can you any one help me to hide it on login state.</p>
  
  <p>Here my index html</p>
  
  <pre><code>&lt;div ng-include src="'views/header.html'"  ng-hide="$state.current.name === 'login'"&gt;&lt;/div&gt;
  
      &lt;div class=""&gt;
        &lt;div ui-view&gt;&lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>Here my app.js</p>
  
  <pre><code>var app = angular.module('Qapp', ["ui.router", "ngRoute"])
  
  app.config(function($stateProvider, $urlRouterProvider) {
  
      //$urlRouterProvider.when('/dam', '/dam/overview');
      $urlRouterProvider.otherwise('/login');
  
      $stateProvider
        .state('base', {
          abstract: true,
          url: '',
          templateUrl: 'views/base.html'
        })
          .state('login', {
            url: '/login',
            parent: 'base',
            templateUrl: 'views/login.html',
            controller: 'LogCt'
          })
          .state('dam', {
            url: '/dam',
            parent: 'base',
            templateUrl: 'views/dam.html',
            controller: 'DamCt'
          })
  
  
    });
  </code></pre>