Ionic: ng-show und page transition

Ich bin die Entwicklung einer mobilen app mit den Ionischen aber ich bin noch nicht sehr vertraut mit diesem framework oder Eckig. Es gibt einige Elemente der Liste können Sie Tippen, um eine Seite mit einigen details.

Dies ist meine Liste Vorlage:

<ion-view view-title="In der Nähe">
  <ion-content>
    <ion-refresher
      pulling-text="Aktualisieren"
      on-refresh="loadData()">
    </ion-refresher>
    <ion-list>
      <ion-item href="#/event/location-details" ng-click="showDetails(location)" ng-repeat="location in locations">
        {{location.name}}
      </ion-item>
    </ion-list>

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

Controller:

  ...
  $scope.showDetails = function(location)
  {
    $rootScope.currentLocationDetails = location;
  };
  ...

Und diese ist die Seite mit den details:

<ion-view view-title="{{location.name}}">
  <ion-content class="padding">
    <button ng-show="location.attr.wheelchair == 'yes'" class="button icon ion-paper-airplane button-balanced"></button>
    <button ng-show="location.attr.wheelchair == 'limited'" class="button icon ion-paper-airplane button-assertive"></button>
    <button ng-show="location.attr.wheelchair == 'no'" class="button icon ion-paper-airplane button-energized"></button>

    <button ng-show="location.attr.food == 'yes'" class="button icon ion-pizza button-balanced"></button>
    <button ng-show="location.attr.food == 'no'" class="button icon ion-pizza button-energized"></button>

    <button ng-show="location.attr.internet_access == 'yes'" class="button icon ion-wifi button-balanced"></button>
    <button ng-show="location.attr.internet_access == 'no'" class="button icon ion-wifi button-energized"></button>

    <button ng-show="location.attr.smoking == 'no'" class="button icon ion-no-smoking button-balanced"></button>
    <button ng-show="location.attr.smoking == 'yes'" class="button icon ion-no-smoking button-energized"></button>
  </ion-content>
</ion-view>

Controller:

app.controller('DetailsController', function($scope, $rootScope)
{
  $scope.location = $rootScope.currentLocationDetails;
});

Dies funktioniert auch auf Android-Geräten, aber es gibt ein problem, auf iOS:

Winkel scheint zu bewerten, die ng-show Richtlinien nach/während der Seitenübergänge.

Dies ist, wie es aussieht auf Android:
https://www.youtube.com/watch?v=aspI95Jm574

iPad mit iOS 8:
https://www.youtube.com/watch?v=oCf3V8ewq40

Können Sie sehen, dass alle Schaltflächen sichtbar sind, die während der animation.

Was mache ich falsch? Ist das ein bug im Ionischen? Gibt es einen besseren Weg, um pass das location-Objekt, um die DetailsController in diesem Fall?

Bitte lassen Sie mich wissen, wenn Sie brauchen, um zu sehen, mehr von dem code.

Dank!

InformationsquelleAutor C.M. | 2015-02-04
Schreibe einen Kommentar