2014-07-10 19 views
5

Mam skonfigurowane strony szablonów i moje trasy. Przejście mojej strony nie działa, gdy zmieniam stan na "logowanie", po prostu pokazuje stronę bez przejścia. Nie wiem, jaki może być problem. Moja strona główna aplikacji to index.html z elementem <ion-nav-view>.Strona Przejście nie działa Struktura jonowa

Oto mój kod routingu:

config(function($stateProvider, $urlRouterProvider) { 
    $stateProvider 

.state('app', { 
    url: "/app", 
    abstract: true, 
    templateUrl: "templates/menu.html", 
    controller: 'AppCtrl' 
}) 

.state('app.home', { 
    url: '/home', 
    views: { 
     'menuContent': { 
      templateUrl: "templates/home.html", 
      controller: 'HomeCtrl' 
     } 
    } 
}) 

.state('login', { 
    url: "/login", 
    templateUrl: "templates/login.html", 
    controller: 'LoginCtrl' 
}); 
     $urlRouterProvider.otherwise('/app/home'); 
}) 

menu.html: Ta strona jest stan rodzicem. Inne strony dziedziczą z niego.

<ion-pane ion-side-menu-content> 
    <ion-nav-bar class="bar-stable" id="header" animation="slide-left-right"> 
     <ion-nav-back-button class="button-clear"><i class="icon ion-ios7-arrow-back"></i> Back</ion-nav-back-button> 

     <img src="img/logo.png" alt="EasySpree" /> 

     <ion-nav-buttons side="right"> 
      <button class="button button-icon icon ion-ios7-email"> 
      </button> 
     </ion-nav-buttons> 
    </ion-nav-bar> 

    <ion-nav-view name="menuContent"></ion-nav-view> 

    </ion-pane> 

index.html: Strona główna - trasa określona na tej stronie

<ion-nav-view id="main" animation="slide-left-right-ios7"></ion-nav-view> 

Odpowiedz

3

Musisz umieścić go w animacji = "slide-left-right" na stronie menu.html.

E.g. menu.html:

<ion-pane ion-side-menu-content> 
    <ion-nav-bar class="bar-stable" id="header" animation="slide-left-right"> 
    <ion-nav-back-button class="button-clear"><i class="icon ion-ios7-arrow-back"></i> Back</ion-nav-back-button> 

     <img src="img/logo.png" alt="EasySpree" /> 

     <ion-nav-buttons side="right"> 
     <button class="button button-icon icon ion-ios7-email"> 
     </button> 
     </ion-nav-buttons> 
    </ion-nav-bar> 

<ion-nav-view name="menuContent" animation="slide-left-right"></ion-nav-view> 

1

Stworzyłem narzędzie Ionic builder budowania Barebone dla jonowego aplikacji. Spowoduje to utworzenie wszystkich potrzebnych stron i plików, dodanie przejść, zakładek lub menu bocznych. Możesz wygenerować aplikację i pobrać kod. Proszę spróbować!

Powiązane problemy