Ng-show not working in ion-side-menu item icon


Any ideas folks? I’m using something simple like:

    <ion-side-menu side="left">
                <a class="item-icon-right" menu-toggle="left" ng-click="toggleOn()" href="#">
                    Is On:  {{menuData.iconOn}}
                    <i ng-show="{{menuData.iconOn}}" class="icon ion-checkmark-round"></i>

        <ion-nav-view name="menuContent"></ion-nav-view>

And my controller:

.controller('MenuCtrl', function($scope, $ionicSideMenuDelegate, ContextFactory) {
    $scope.menuData = {
        iconOn: false

    $scope.toggleLeft = function() {

    $scope.toggleOn = function() {
        $scope.menuData.iconOn= !$scope.menuData.iconOn;

When I click the side menu item the “Is On:” field gets updated with true or false but the ng-show does not kick in to show or hide the icon. Anyone got any quick ideas? This is driving me mad!


ng-show does not need you to wrap your expression in brackets.

Do this :


Instead of this :



You are a lifesaver! :smile:

Works a treat now! Thanks so much