Question

历史和主页工作正常，但'ng-click =“toggleMenu（）”'不起作用所以请帮助我点击事件ng-click="toggleMenu()"无效..

任何人都可以帮我解决吗？

我的代码是，

<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();
};

})

Answer 1

我认为这里不需要控制器。你能这样试试。

 <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();
            }
        })

请检查此问题Ionic framework ion tabs not firing event

此链接的更多信息，用于演示
http://codepen.io/cfjedimaster/pen/iplCx

Answer 2

请添加完整的HTML代码。您是否正确地将MoreCtrl附加到DOM？您的DOM是否与$ionicSideMenuDelegate的{{3}}一致？例如，我没有看到<ion-side-menus>标记，如下所示：

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

点击事件ng-click不起作用

2 个答案: