angularjs - last - www ionicframework




ng-click non funziona nel pulsante di intestazione ionico (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');
    }
})

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).


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/





ionic-framework