My ionic 1 side menu is working in android mobile but in ios i am not getting


#1
<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>


#2

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.


#3

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: