<ion-side-menu side="{{menuSide}}">
I want to show menu from left side for English, and to be on right side for Arabic content.
And set menuSide from controller like,
$scope.menuSide = 'left'; //for English and 'right' for arabic
How I toggle the side menu is from controller with following code,
$ionicSideMenuDelegate.toggleLeft();// for English
$ionicSideMenuDelegate.toggleRight();//for Arabic
but how it render on browser is
<ion-side-menu side="right" is-enabled="true" width="275" class="menu menu-{{menuSide}}" style="width: 275px; z-index: 0;">
Looks like this is a bug. It is properly putting the value into the side attribute, but looks like the directive grabs the value before it is bound. As you mentioned, it rendered as following:
<ion-side-menu side="right" is-enabled="true" width="275" class="menu menu-{{menuSide}}" style="width: 275px;">
Looks like this may be a bug. You could try filing a bug on GitHub and see what the guys say.
Ionic framework have not implemented this, check the ionic forum http://forum.ionicframework.com/t/ion-side-menu-can-we-set-side-property-from-scope/16494 ,
this feature might be great to support for rtl language like Arabic.