【问题标题】:Controller inside ion-nav-buttons fired twice离子导航按钮内的控制器触发了两次
【发布时间】:2016-06-27 09:28:00
【问题描述】:

我需要一个在 ion-nav-buttons 内的控制器来根据需要显示徽章。但是 ion-nav-buttons 内的控制器被触发了两次,而如果我将它放在 ion-nav-buttons 之外它可以正常工作。

示例: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 离子论坛。提前致谢。

【问题讨论】:

    标签: javascript angularjs ionic-framework controller


    【解决方案1】:

    如果你检查并看到整个 dom 被复制了两次,所以它调用了两次

    移动你的 ng-controller="NotifyCtrl" 并进入 ion-side-menus

     <ion-side-menus enable-menu-with-back-views="true"  ng-controller="NotifyCtrl">
            <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 button-icon icon ion-ios-bell-outline">
                        </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>
    

    【讨论】:

    • 它确实按照您的建议工作。但是它的“离子导航按钮”行为有什么原因吗?如果我想在“ion-nav-buttons”中使用不同的控制器怎么办?
    猜你喜欢
    • 2015-02-08
    • 1970-01-01
    • 2015-04-01
    • 1970-01-01
    • 1970-01-01
    • 2020-03-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多