Ionic Side Menu Issue
<p>I'm having an issue with my homepage and side-menu, whenever I try to enter the home page it bounces back to my "otherwise" view. Whenever I remove the implementation of the menu, in the app.js, my homepage works fine. Instead of using the starter-menu <a href="https://github.com/driftyco/ionic-starter-sidemenu" rel="nofollow">https://github.com/driftyco/ionic-starter-sidemenu</a>, I decided to use a blank version, so that I can learn as much as I need to know about Ionic... The following is my code.</p>

<p>app.js</p>

<pre><code>   .config(function($stateProvider, $urlRouterProvider)
  {
    $stateProvider
      .state('intial', {
        url: '/',
        templateUrl: 'auth/Walkthrough.html',
        controller: 'WalkthroughCtrl'
      })
      .state('login', {
        url: '/login',
        templateUrl: 'auth/Login.html',
        controller: 'LoginCtrl'
      })
      .state('sign', {
        url: '/sign', 
        templateUrl: 'auth/SignUp.html',
        controller: 'SignUpCtrl'
      })

    .state('app', {
      url: '/app',
      abstract: false,
      templateUrl: 'app/menu.html',
      controller: 'AppCtrl'
  })

  .state('app.home', {
    url: '/home',
    views: {
      'menuContent': {
        templateUrl: 'app/Home.html',
        controller: 'HomeCtrl'
      }
    }
  })

    });
</code></pre>

<p>Home.html</p>

<pre><code>&lt;ion-view title="Home"&gt;
  &lt;ion-pane class="animated fadeIn" style="background-color: #4da6b1"&gt;
    &lt;ion-nav-bar align-title="center"&gt;
    &lt;ion-nav-title&gt;
        &lt;span style="color: white"&gt;Home&lt;/span&gt;
    &lt;/ion-nav-title&gt;
        &lt;ion-nav-buttons side="left"&gt;
     &lt;button menu-toggle="left" class="button button-icon icon ion-navicon-round" style="color: white; background-color:#028090;" &gt;&lt;/button&gt;
    &lt;/ion-nav-buttons&gt;
  &lt;/ion-nav-bar&gt;



    &lt;ion-content class="has-header" style="margin-top: 10px;" data-tap-disabled="true"&gt;
   &lt;!--    &lt;div class=".col" style=" margin-left: 2px;border: 1px solid white; width: 50%; height: 50%; border-radius: 5px;"&gt;
      &lt;/div&gt; --&gt;

    &lt;/ion-content&gt;


  &lt;/ion-pane&gt;
&lt;/ion-view&gt;
</code></pre>

<p>menu.html</p>

<pre><code>&lt;ion-side-menus enable-menu-with-back-views="false"&gt;

  &lt;ion-side-menu-content&gt;
    &lt;ion-nav-bar class="bar-stable nav-title-slide-ios7"&gt;
      &lt;ion-nav-back-button class="button-clear"&gt;&lt;i class="icon ion-ios7-arrow-back"&gt;&lt;/i&gt;Back&lt;/ion-nav-back-button&gt;
    &lt;/ion-nav-bar&gt;
    &lt;ion-nav-view name="menuContent" animation="slide-left-right"&gt;&lt;/ion-nav-view&gt;
  &lt;/ion-side-menu-content&gt;

  &lt;ion-side-menu side="left"&gt;
    &lt;header class="bar bar-header bar-stable"&gt;
      &lt;h1 class="title"&gt;Left&lt;/h1&gt;
    &lt;/header&gt;
    &lt;ion-content class="has-header"&gt;
      &lt;ion-list&gt;
        &lt;ion-item menu-close ng-click="login()"&gt;
          Login
        &lt;/ion-item&gt;
        &lt;ion-item menu-close href="#/app/search"&gt;
          Search
        &lt;/ion-item&gt;
        &lt;ion-item menu-close href="#/app/browse"&gt;
          Browse
        &lt;/ion-item&gt;
        &lt;ion-item menu-close href="#/app/playlists"&gt;
          Playlists
        &lt;/ion-item&gt;
      &lt;/ion-list&gt;
    &lt;/ion-content&gt;
  &lt;/ion-side-menu&gt;
&lt;/ion-side-menus&gt;
</code></pre>

<p>Please help.</p>