离子导航按钮内的控制器发射两次

时间:2016-06-27 09:28:00

标签: javascript angularjs ionic-framework controller

我需要一个离子导航按钮内的控制器来根据需要显示徽章。但离子导航按钮内的控制器会被触发两次,如果我把它放在离子导航按钮之外,它会顺利运行。

示例:http://play.ionic.io/app/a8f23a5bc384

HTML内容

<body ng-app="app">
    <ion-side-menus>
        <ion-side-menu-content>
            <ion-nav-bar class="bar bg-main">
            <ion-nav-back-button style="color: #fff">
                </ion-nav-back-button>
                <ion-nav-back-button style="color: #fff">
                </ion-nav-back-button>
                <ion-nav-buttons side="right">
                    <a ng-href="#/notification" class="button" ng-controller="NotifyCtrl">
                    </a>
                </ion-nav-buttons>
            </ion-nav-bar>
            <ion-nav-view name="" animation="slide-left-right"></ion-nav-view>
        </ion-side-menu-content>

    </ion-side-menus>
</body>

代码

angular.module('app', ['ionic']).
controller('NotifyCtrl', ['$scope', function($scope){
  alert();
}]);

发布问题n离子论坛没有多少帮助。提前谢谢。

1 个答案:

答案 0 :(得分:0)

如果你检查并看到整个dom被复制两次,那么它的两次调用

移动ng-controller =&#34; NotifyCtrl&#34;并在离子侧菜单内传递

/etc/init.d/dphys-swapfile stop
/etc/init.d/dphys-swapfile start