ng tıklama, iyonik başlık düğmesinde çalışmaz

Question

Başlık çubuğunun sağ tarafına bir düğme eklemeye çalışıyorum, düğme gösteriliyor, ancak düğmenin içindeki düğmeyi hareket ettirirsem tıklamak yanmıyor -İçeride çalışmaya başlıyor, sadece başlığında çalışmıyor.

html:

<ion-view> 
    <ion-nav-bar class="bar-stable nav-title-slide-ios7" > 
     <ion-nav-back-button class="button-icon icon ion-ios7-arrow-back"> 
     </ion-nav-back-button> 
    </ion-nav-bar> 
    <ion-header-bar> 
     <h1 class="title">Trips</h1> 
     <div class="buttons pull-right"><button class="button button-icon icon ion-plus" ng-click="createTrip()"></button></div> 
    </ion-header-bar> 

    <ion-content> 

    </ion-content> 
</ion-view> 

js:

.controller('TripCtrl', function($scope, $location, $localStorage){ 
    console.log('inside TripCtrl'); 

    $scope.$storage = $localStorage; 

    var random1 = { 
     name : 'random name 1', 
     text : 'random text 1' 
    } 

    var random2 = { 
     name : 'random name 2', 
     text : 'random text 2' 
    } 

    $scope.trips = []; 
    $scope.trips.push(random1); 
    $scope.trips.push(random2); 


    $scope.createTrip = function(){ 
     console.log('clicked create new'); 
     $location.path('/createTrip'); 
    } 
}) 

Answer 1

Ben ancak benim kısmi doğrudan gitmek için ui-sref kullanıyorum, benzer bir şey yaptı. Tahminimce o denetleyiciyi başlığa eklemelisiniz, böylece herhangi bir ekranda (arkadaki gibi) ateşlenecektir.

Answer 2

Uygulamanın kök denetleyicisinde createTrip tanımlandığından ve ayrıca, iyon başlığı çubuğunun varsayılan olarak tıklama olayını dinlemediğinden emin olun. İyon-başlık çubuğundaki tıklama olayını bağlamak istiyorsanız, iyon başlıklı düğme çubuğundaki hedef öğeyi sarmalamanız gerekir.

<ion-header-bar align-title="left" class="bar-positive"> 
    <div class="buttons"> 
    <button class="button" ng-click="doSomething()">Left Button</button> 
    </div> 
    <h1 class="title">Title!</h1> 
    <div class="buttons"> 
    <button class="button">Right Button</button> 
    </div> 
</ion-header-bar> 

http://ionicframework.com/docs/api/directive/ionHeaderBar/