title: Hide sidebar for particular page in Mobile Angular Ui.(Angular Js)
body: <p>I am using mobile angular ui. I want to hide side for particular page.</p>
  
  <blockquote>
    <p><a href="http://mobileangularui.com/" rel="nofollow noreferrer">http://mobileangularui.com/</a></p>
  </blockquote>
  
  <p>This side bar by default put in every page. But i don't want this side bar in home page. Mobile angular ui have one index.html file. One sidebar.html import in index file. And every page import in index file. But when come home.html file will come then sidebar should be hide. 
  Index.html</p>
  
  <pre><code>&lt;html&gt;
    &lt;head&gt;
      &lt;meta charset="utf-8" /&gt;
      &lt;title&gt;y&lt;/title&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /&gt;
      &lt;meta name="apple-mobile-web-app-capable" content="yes" /&gt;
      &lt;meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimal-ui" /&gt;
      &lt;meta name="apple-mobile-web-app-status-bar-style" content="yes" /&gt;
      &lt;link rel="stylesheet" href="css/app.min.css" /&gt;
      &lt;link rel="stylesheet" href="css/responsive.min.css" /&gt;
  
      &lt;!-- inject:js --&gt;
      &lt;script src="js/app.min.js"&gt;&lt;/script&gt;
    &lt;/head&gt;
    &lt;style&gt;
    .color-winni-text
    {
      color:#c62222;
    }
    &lt;/style&gt;
    &lt;body ng-app="Y" ng-controller="MainController"&gt;
  
      &lt;!-- Sidebars --&gt;
      &lt;div ng-include="'sidebar.html'"
              ui-track-as-search-param='true'
              class="sidebar sidebar-left"&gt;
      &lt;/div&gt;
  
      &lt;div class="app"&gt;
  
        &lt;!-- Navbars --&gt;
  
        &lt;div class="navbar navbar-app navbar-absolute-top"&gt;
          &lt;div class="navbar-brand navbar-brand-center " ui-yield-to="title"&gt;
            &lt;a class="color-winni-text" href="#/"&gt; &lt;strong&gt;Winni Celebration&lt;/strong&gt;&lt;/a&gt; 
          &lt;/div&gt;
  
          &lt;div class="btn-group pull-left"&gt;
            &lt;div ui-toggle="uiSidebarLeft" class="btn sidebar-toggle"&gt;
              &lt;i class="fa fa-bars  color-winni-text fa-2x"&gt;&lt;/i&gt; 
            &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div class="btn-group pull-right" ui-yield-to="navbarAction"&gt;
            &lt;div ui-toggle="uiSidebarRight" class="btn"&gt;
              &lt;i class="fa fa-sign-in color-winni-text"&gt;&lt;/i&gt; 
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
  
        &lt;div class="navbar navbar-app navbar-absolute-bottom"&gt;
          &lt;div class="btn-group justified"&gt;
            &lt;a style="color:#c62222" href="#/" class="btn btn-navbar"&gt;&lt;i class="fa fa-home fa-navbar"&gt;&lt;/i&gt; Home&lt;/a&gt;
            &lt;a style="color:#c62222" href="#/my-winni" class="btn btn-navbar"&gt;&lt;i class="fa fa-github fa-navbar"&gt;&lt;/i&gt; My Winni&lt;/a&gt;
            &lt;a style="color:#c62222" href="https://github.com/mcasimir/mobile-angular-ui/issues" class="btn btn-navbar"&gt;&lt;i class="fa fa-exclamation-circle fa-navbar"&gt;&lt;/i&gt; Issues&lt;/a&gt;
          &lt;/div&gt;
        &lt;/div&gt;
  
        &lt;!-- App Body --&gt;
        &lt;div class="app-body background-color-body" style="background-color:white"  ui-prevent-touchmove-defaults&gt;
          &lt;div class="app-content scrollable-content"&gt;
            &lt;ng-view&gt;&lt;/ng-view&gt;  
          &lt;/div&gt;
        &lt;/div&gt;
  
      &lt;/div&gt;&lt;!-- ~ .app --&gt;
  
      &lt;div ui-yield-to="modals"&gt;&lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Screen Shot of index file<br>
  <a href="https://i.stack.imgur.com/7M1c9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7M1c9.png" alt="enter image description here"></a></p>
  
  <p>App.js File.</p>
  
  <pre><code>angular.module('Y', [
    'ngRoute',
    'mobile-angular-ui',
    'Y.controllers.Main'
  ])
  
  .config(function($routeProvider) {
    $routeProvider.when('/', {templateUrl:'home.html',  reloadOnSearch: null})
                  .when('/cityPage', {templateUrl:'cityPage.html', reloadOnSearch: false})
                  .when('/category-prduct', {templateUrl:'category-prduct.html',  reloadOnSearch: false})
                  .when('/product-description', {templateUrl:'product-description.html',  reloadOnSearch: false})
                  .when('/my-winni', {templateUrl:'my-winni.html',  reloadOnSearch: false})
                  .when('/gift-box', {templateUrl:'gift-box.html',  reloadOnSearch: false});
  });
  </code></pre>
  
  <p>I want to hide sidebar only on home.html page.</p>