2016-04-01 10 views
0

Wie kann ich die Taste in der Kontaktlasche richtig „tabs.facts“Ionic - Zustand unter dem Reiter verschachtelt umleiten

Angesichts dieser Zustände umleiten machen:

.state('tabs.home', { 
    url: "/home", 
    views: { 
    'home-tab': { 
     templateUrl: "templates/home.html", 
     controller: 'HomeTabCtrl' 
    } 
    } 
}) 
.state('tabs.facts', { 
    url: "/facts", 
    views: { 
    'home-tab': { 
     templateUrl: "templates/facts.html" 
    } 
    } 
}) 
.state('tabs.contact', { 
    url: "/contact", 
    views: { 
    'contact-tab': { 
     templateUrl: "templates/contact.html" 
    } 
    } 
}); 

Und diese Schaltfläche auf der Seite /contact

Wie kann ich diese Schaltfläche ordnungsgemäß umleiten, die richtige Ansichtshistorie erhalten? Sie können sehen, wie sie die Taste funktioniert, indem Sie hier (gehen Sie zur Kontaktseite): http://codepen.io/jtmarmon/pen/qZPRLX

Antwort

1

Dies ist, weil die benannte Ansicht contact-tab für tabs.contact von home-tab unterscheidet. Wenn Sie sie unter derselben benannten Ansicht hatten, hätten sie die korrekte Navigation gehabt. Wenn Sie href anstelle von ui-sref verwenden, würde es gut funktionieren:

<button class="button" href="#/facts"> 
    Go to scientific facts! 
</button> 
Verwandte Themen