I am using the ion-slide-box
for paginating through menu items. On each slide, I have two buttons with thoroughly tested functions that I am pretty sure work the way they’re supposed to.
However, once I swipe to another slide, the buttons do nothing. Here is the HTML for this page. If I navigate back to this slider page via the the tabs, which take me back to the menu.item-list
state, I can go to the item slider page and add an item successfully IF I do not swipe to another slide. Any troubleshooting suggestions?
<ion-slide-box does-continue="true" show-pager="false">
<ion-slide>
<h2>{{ item.name }}</h2>
<div class="button-bar">
<button ui-sref="menu.item-list">BACK</button>
<button ng-click="addCartSimple()" ui-sref="menu.item-list">ADD TO CART</button>
</div>
</ion-slide>
<ion-slide>
<h2>{{ item.name }}</h2>
<div class="button-bar">
<button ui-sref="menu.item-list">BACK</button>
<button ng-click="addCartSimple()" ui-sref="menu.item-list">ADD TO CART</button>
</div>
</ion-slide>
</ion-slide-box>