angularjs www ng-click non funziona nel pulsante di intestazione ionico




www ionicframework (2)

Sto cercando di aggiungere un pulsante sul lato destro della barra di intestazione, il pulsante viene visualizzato, ma ng-clic non viene attivato, se sposto il pulsante all'interno del contenuto di ioni, inizia a funzionare, semplicemente non funziona nell'intestazione.

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');
    }
})

Assicurati che createTrip sia definito all'interno del root controller dell'app e noti che ion-header-bar non ascolta l'evento click per impostazione predefinita. se si desidera associare l'evento click all'interno della barra di intestazione ion, è necessario disporre di un elemento di destinazione all'interno del blocco di pulsanti della barra di intestazione ion.

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


Ho fatto qualcosa di simile, comunque sto usando ui-sref per andare direttamente alla mia parte. La mia ipotesi è che devi aggiungere quel controller alla tua intestazione, in questo modo sparerà in qualsiasi schermata tu sia (proprio come il pulsante Indietro).







ionic-framework