<ion-view view-title="{{pageTitle}}">
<ion-nav-buttons side="right">
<button class="button button-icon button-clear ion-navicon button-light" ng-click="openMenu()"></button>
</ion-nav-buttons>
<ion-content>
<ion-side-menus>
<ion-pane ion-side-menu-content>
<div ng-if="menuIndex == 0">
<div ng-include src="'templates/home/presentation.html'"></div>
</div>
<div ng-if="menuIndex == 1">
<div ng-include src="'templates/home/nouba.html'"></div>
</div>
<div ng-if="menuIndex == 2">
<div ng-include src="'templates/home/takasim.html'"></div>
</div>
<div ng-if="menuIndex == 3">
<div ng-include src="'templates/home/instrument.html'"></div>
</div>
<div ng-if="menuIndex == 4">
<div ng-include src="'templates/home/livre.html'"></div>
</div>
<div ng-if="menuIndex == 5">
<div ng-include src="'templates/home/contact.html'"></div>
</div>
</ion-pane>
<div class="absolute-full side-menu-content"></div>
<ion-side-menu side="right">
<ion-content has-header="true" style="background-color:#8b0000;">
<ion-list>
<ion-item menu-close style="background-color:#8b0000;text-align:center;">
<img src="img/icon.png" class="img-sideMenu">
<p class="titreSide" style="font-size: 18px; color: white; Font-Weight: Bold;">
الموسيقى الأندلسية المغربية
</p>
</ion-item>
<ion-item menu-close ng-click="doNavigate(0)" style="background-color:#8b0000;color:white;direction: rtl;Font-Weight: Bold;">تقديم</ion-item>
<ion-item menu-close ng-click="doNavigate(1)" style="background-color:#8b0000;color:white;direction: rtl;Font-Weight: Bold;">مفهوم النوبة</ion-item>
<ion-item menu-close ng-click="doNavigate(2)" style="background-color:#8b0000;color:white;direction: rtl;Font-Weight: Bold;">ميازين الموسيقى الأندلسية</ion-item>
<ion-item menu-close ng-click="doNavigate(3)" style="background-color:#8b0000;color:white;direction: rtl;Font-Weight: Bold;">الآلات الموسيقية</ion-item>
<ion-item menu-close ng-click="doNavigate(4)" style="background-color:#8b0000;color:white;direction: rtl;Font-Weight: Bold;">من وحي الرباب</ion-item>
<ion-item menu-close ng-click="doNavigate(5)" style="background-color:#8b0000;color:white;direction: rtl;Font-Weight: Bold;">تواصل معنا</ion-item>
</ion-list>
</ion-content>
</ion-side-menu>
</ion-side-menus>
</ion-content>
</ion-view>
What are you getting on iOS instead?
Did you remote debug the problem on the device already?
Follow these instructions here to debug the problem in Safari dev tools:
https://ionic.zone/debug/remote-debug-your-app#ios
Follow these instructions here to debug the problem in Chrome dev tools:
https://ionic.zone/debug/remote-debug-your-app#android
Look at the console and network tabs for errors.
Hi Sujan, Thank you for your replay,
I have no error in console, in android platform it work without problems, but in iOS platforms I have a blanck page and when I click button side menu don’t work.
when I added a paragraph <p></p>
before ion menus, it work in iOS.
but in my case i don’t need a paragraph in my home tab because I load a presentation.html page that contain a text: