एनजी-क्लिक आयनिक हेडर बटन

Question

में काम नहीं करता है, मैं हेडर बार के दाईं ओर एक बटन जोड़ने की कोशिश कर रहा हूं, बटन दिखा रहा है, लेकिन अगर मैं आयन के अंदर बटन ले जाता हूं तो एनजी-क्लिक नहीं निकाला जाता है सामग्री, यह काम करना शुरू कर देता है, सिर्फ हेडर में काम नहीं कर रहा है।

एचटीएमएल:

<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

मैं ऐसी ही कुछ किया था, फिर भी मैं ui-sref उपयोग कर रहा हूँ मेरी आंशिक करने के लिए सीधे जाने के लिए। मेरा अनुमान है कि आपको उस नियंत्रक को अपने शीर्षलेख में जोड़ने की ज़रूरत है, इस तरह यह आपके द्वारा की जाने वाली किसी भी स्क्रीन पर आग लग जाएगी (जैसे बैक बटन)।

Answer 2

कृपया सुनिश्चित करें कि createTrip ऐप के रूट नियंत्रक के अंदर परिभाषित किया गया है और यह भी ध्यान दें कि आयन-हेडर-बार डिफ़ॉल्ट रूप से क्लिक ईवेंट को नहीं सुनता है। यदि आप आयन-हेडर-बार के अंदर ईवेंट को बाध्य करना चाहते हैं तो आपको आयन-हेडर-बार के बटन ब्लॉक के अंदर लक्ष्य तत्व को लपेटना होगा।

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