click event ng-click not working

Question

History and Home page are work fine but 'ng-click="toggleMenu()"' are not working so please help me click event ng-click="toggleMenu()"is not working..

can anyone help me to solve it?

My code is,

<ion-tab title="History" icon-off="ion-document" icon-on="ion-document-text" href="#/tab/history">
<ion-nav-view name="tab-history"></ion-nav-view>
</ion-tab> 
<a class="button"  ng-click="toggleMenu()">More</a>

.controller('MoreCtrl', function($scope,$ionicSideMenuDelegate) {

$scope.toggleMenu = function()
{
    alert('test toggle');
    $ionicSideMenuDelegate.toggleRight();
};

})

possible duplicate of http://stackoverflow.com/questions/25422584/angularjs-ng-click-not-working — Anoop LL, Feb 16 '16 at 07:20
The problem here is with Angular and not with any feature provided by MFP. Do not add the mobilefirst tag. — Idan Adar, Feb 16 '16 at 07:45

score 1 · Accepted Answer · edited May 23 '17 at 12:07

1

I think controller are not required here . can you try this way.

 <ion-tab title="More" icon-off="ion-ios-more-outline" icon-on="ion-ios-more" ng-click="toggleMenu()"> 
                             </ion-tab> 
                          </ion-tabs>
        .run(function($ionicPlatform,$state,$rootScope,$ionicActionSheet,$ionicSideMenuDelegate) {

            $rootScope.toggleMenu = function() {

                alert('test toggle');
                $ionicSideMenuDelegate.toggleRight();
            }
        })

check this question please Ionic framework ion tabs not firing event

more information this link for demo
http://codepen.io/cfjedimaster/pen/iplCx

edited May 23 '17 at 12:07

Community

1
1

answered Feb 16 '16 at 10:28

Nazmul Hasan

10,130
7
50
73

1

What is you thinking about this problem , here is with Angular and not related mobilefirst. – Nazmul Hasan Feb 16 '16 at 10:49
yeah. It is Angular js. Thanks – Md. Ariful Islam Feb 16 '16 at 10:51

score 0 · Answer 2 · answered Feb 16 '16 at 08:39

Please add your full html code. Have you correctly attached MoreCtrl to the DOM? Is your DOM in line with Ionic guidelines for $ionicSideMenuDelegate? I don't see the <ion-side-menus> tag for example, like below:

<body ng-controller="MoreCtrl">
  <ion-side-menus>
    <ion-side-menu-content>
      Content!
      <button ng-click="toggleRightSideMenu()">
        Toggle Right Side Menu
      </button>
    </ion-side-menu-content>
  </ion-side-menus>
</body>

click event ng-click not working

2 Answers2

Linked