2016-06-27 7 views
0

必要に応じてバッジを表示するには、ion-nav-buttonsの中にコントローラーが必要です。しかし、ion-nav-buttonsのコントローラーは2回発射されますが、ion-nav-buttonの外に置くとスムーズに動作します。ion-nav-buttons内のコントローラーを2回点火

例: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個のイオンフォーラムを投稿。前もって感謝します。

答えて

0

uが検査し、DOM全体がそのあなたのNG-コントローラ=「NotifyCtrl」に移動し、イオン側-メニュー内passte

二回

を呼び出して二回複製されている見れば

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

それは、などの作業を行いますあなたは示唆しました。しかし、それが「イオンナビボタン」の行動に何らかの理由がありますか? 「ion-nav-buttons」の中に別のコントローラを追加したいのですが? –

関連する問題