Ionic forward view cached when side menu present
<p>I am building a demo application on ionic framework. My demo ionic application has three states :</p>

<pre><code>    $stateProvider.state("app", {
        abstract : true,
        url : "/app",
        templateUrl : "app/templates/theme.html" 
    });
    $stateProvider.state("app.dashboard", {
        url : "/dashboard",
        views : {
            "content" : {
                templateUrl : "app/modules/dashboard/dashboard.html",
                controller : "dashboardController"
            },
            "settings" : {
                templateUrl : "app/templates/settings.html"
            },
            "menu": {
                templateUrl: "app/templates/menu.html"
            }
        }
    });
    $stateProvider.state("app.demo", {
        url : "/demo",
        views : {
            "content" : {
                templateUrl : "app/modules/demo/demo.html",
                controller : "demoController"
            }
        }
    });
</code></pre>

<p>And theme.html looks like this :</p>

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

    &lt;ion-side-menu-content drag-content="true"&gt;

        &lt;ion-nav-bar class="bar-stable nav-title-slide-ios7 two-side" align-title="center"&gt;

            &lt;ion-nav-back-button class="button-clear inverse"&gt;
                &lt;i class="icon ion-ios7-arrow-back"&gt;
                &lt;/i&gt;&amp;lt; Back
            &lt;/ion-nav-back-button&gt;

            &lt;ion-nav-buttons side="left"&gt;
                &lt;button menu-toggle="left" id="menuBtn" class="button button-icon icon ion-navicon inverse"&gt;&lt;/button&gt;
            &lt;/ion-nav-buttons&gt;

            &lt;ion-nav-buttons side="right"&gt;
                &lt;button menu-toggle="right" id="settingsBtn" class="button button-icon icon ion-gear-b inverse"&gt;&lt;/button&gt;
            &lt;/ion-nav-buttons&gt;
        &lt;/ion-nav-bar&gt;

        &lt;ion-nav-view name="content"&gt;
        &lt;/ion-nav-view&gt;

    &lt;/ion-side-menu-content&gt;

    &lt;ion-side-menu side="left"&gt;
        &lt;ion-nav-view name="menu" animation="slide-left-right"&gt;&lt;/ion-nav-view&gt;
    &lt;/ion-side-menu&gt;

    &lt;ion-side-menu side="right"&gt;
        &lt;ion-nav-view name="settings" animation="slide-left-right"&gt;&lt;/ion-nav-view&gt;
    &lt;/ion-side-menu&gt;

&lt;/ion-side-menus&gt;
</code></pre>

<blockquote>
  <p>Issue is when I am going from app.dashboard to app.demo first time,
  demoController is called. Then I go back to app.dashboard. And when
  again going to app.demo state any number of times, demoController is
  never called. app.demo view is cached. I don't know why.</p>
</blockquote>

<p><em>In addition, I don't want to put cache-view=false or cache false in routing config because that disables the caching of that page totally(Forward &amp; Backward). I want to reload page when I go in forward direction like app.dashboard to app.demo but not to reload page when I go in backward direction like app.demochild(For example) -> app.demo.</em></p>

<p><strong>If I delete both ion-side-menu tag from my theme.html, the issue gets resolved, demoController is called every time when going in forward direction, But I want both ion-side-menu to be present in my theme.html</strong></p>

<p>I have even disabled the forward caching.</p>

<pre><code> $ionicConfigProvider.views.forwardCache(false);
</code></pre>

<p>Any help would be highly appreciated. </p>