Hi there,
i would like to build an app that has an tabbar as main navigation and an navigator inside of every tab.
Inside the tabs a have a navigator for the list navigation.
The code for tabbar
<ons-tabbar id="tabbar" animation="slide" position="auto">
<ons-tab page="index.html" active icon="ion-search" label="Home" style="display: none;"></ons-tab>
<ons-tab page="rezeptNavigator.html" icon="ion-search" label="Rezepte"></ons-tab>
<ons-tab page="mehl.html" icon="ion-mehl" label="Mehlsorten"></ons-tab>
<ons-tab page="impressum.html" icon="ion-impressum" label="Impressum"></ons-tab>
</ons-tabbar>
and the navigator - one for every tab
<ons-template id="rezeptNavigator.html">
<ons-navigator id="rezepte" page="rezepte.html"><ons-navigator>
</ons-template>
and the page itself
<ons-template id="rezepte.html">
<ons-page>
....
</ons-page>
</ons-template>
when you click an listitem i call navigator.pushPage(‘templateId’…);
And this all works fine in Chrome but in Safari it will not update the page!
I have tried more than one way to do this and all of them has worked in Chrome but not in Safari.
I dont know what iam missing.
Please can anyone help me out with this problem.
Thanks!