Hello guys,
I’m a newbie hybrid apps developer and I’m having problems with onsen ui, maybe for my lack of experience and I need a little help.
I’m doing and app that has a list. My idea is detect when user clicks on one item and open an ons-action-sheet (https://onsen.io/v2/api/js/ons-action-sheet.html), because is so beautiful and useful. All works well when I enter in the page for first time, but when i move to another page and I click this page in the menu i can do nothing with click not even css :active. I think that the last page opened is already opened in some way and for this the click events are not working,
Do you have any idea?
My action sheet:
<ons-action-sheet id="tasacionOptions" cancelable title="Tasación">
<ons-action-sheet-button icon="md-square-o" ng-click="delete()">Borrar</ons-action-sheet-button>
<ons-action-sheet-button icon="md-square-o" ng-click="modification()">Modificar </ons-action-sheet-button>
<ons-action-sheet-button icon="md-close" ng-click="unselectTasacion()">Cancelar</ons-action-sheet-button>
</ons-action-sheet>
My menu:
<ons-page>
<ons-splitter>
<ons-splitter-side id="menu" side="right" width="220px" collapse>
<ons-page>
<ons-list>
<ons-list-item>
<ons-icon icon="fa-times" onclick="fn.close()"></ons-icon>
</ons-list-item>
<!-- FALTA PONER ng-show="auth" -->
<ons-list-item tappable onclick="fn.load('login.html', {data: {title: 'Login'}})">
Login
</ons-list-item>
<ons-list-item tappable ng-show="permissions.getTasaciones" onclick="fn.load('tasaciones.html', {data: {title: 'Tasaciones'}})">
Tasaciones
</ons-list-item>
<ons-list-item tappable onclick="fn.load('debugZone.html', {data: {title: 'DebugZone'}})">
Debug Zone
</ons-list-item>
</ons-list>
</ons-page>
</ons-splitter-side>
<ons-splitter-content id="content" page="homePage.html"></ons-splitter-content>
</ons-splitter>
</ons-page>
Thanks to all for your help.