I am using the ion-nav-view using the following ui router:
$stateProvider
.state('intro', {
url: "/intro",
templateUrl: "templates/intro.html",
controller: 'IntroCtrl'
})
.state('register', {
url: "/register/:onlysms",
templateUrl: "templates/register.html",
controller: 'RegisterCtrl'
})
.state('app', {
url: "/app",
abstract: true,
templateUrl: "templates/menu.html",
controller: 'AppCtrl'
})
.state('app.main', {
cache: false,
url: "/main",
views: {
'menuContent': {
templateUrl: "templates/main.html",
controller: 'PollsCtrl'
}
}
})
.state('app.anketlerim', {
cache: false,
url: "/anketlerim",
views: {
'menuContent': {
templateUrl: "templates/mypolls.html",
controller: 'MyPollsCtrl'
}
}
})
.state('app.odeme', {
url: "/odeme",
views: {
'menuContent': {
templateUrl: "templates/payment.html",
controller: 'PaymentCtrl'
}
}
})
.state('app.sss', {
url: "/sss",
views: {
'menuContent': {
templateUrl: "templates/sss.html"
}
}
})
.state('app.poll', {
url: "/poll/:pollId/:pollTitle",
views: {
'menuContent': {
templateUrl: "templates/poll.html",
controller: 'PollDetailCtrl'
}
}
});
And in my menu.html, I have:
<ion-side-menus enable-menu-with-back-views="false">
<ion-side-menu-content drag-content="false">
<ion-nav-bar class="bar-stable">
<ion-nav-back-button></ion-nav-back-button>
<ion-nav-buttons side="left">
<button class="button button-icon button-clear ion-navicon" menu-toggle="left">
</button>
</ion-nav-buttons>
</ion-nav-bar>
<ion-nav-view name="menuContent"></ion-nav-view>
</ion-side-menu-content>
<ion-side-menu side="left">
<ion-content class="side-menu">
<aside class="menu-header">
<figure class="avatar">
<img src="{{user.picture}}" />
</figure>
<h1>{{user.name}}</h1>
<figure class="knob">
<knob knob-data="user.stats_income" knob-options="knoboptions"></knob><strong>{{user.stats_income | number:1}} <em>₺</em></strong>
</figure>
</aside>
<ion-list>
<ion-item nav-clear menu-close ui-sref-active="active" ui-sref="app.main">
Güncel Anketler
</ion-item>
<ion-item nav-clear menu-close ui-sref-active="active" ui-sref="app.anketlerim">
Anketlerim
</ion-item>
<ion-item nav-clear menu-close ui-sref-active="active" ui-sref="app.odeme">
Ödeme Al
</ion-item>
<ion-item nav-clear menu-close ui-sref-active="active" ui-sref="app.sss">
Sıkça Sorulan Sorular
</ion-item>
</ion-list>
</ion-content>
</ion-side-menu>
<aside class="curtain" menu-close></aside>
</ion-side-menus>
Pressing any menu item gives me the 10 $digest error in the title. I do not get this on Chrome, only on emulator + device.