I have made a few changes to your “sign-in then tabs” public demo and I unexpectedly have realized that it is NOT possible to navigate from an anchor inside one of the nested states view template back to the initial “sign-in” state using href/ui-sref attributes. In fact this problem only occurs on the first nested state (“Home”) as you can see from the public pen below:
The only change I have made to your demo consisted in adding 2 “sign-out” anchors, one on each nested state as you can see below:
<script id="templates/home.html" type="text/ng-template"> <ion-view title="Home"> <ion-content padding="true"> <p>Example of Ionic tabs. Navigate to each tab, and navigate to child views of each tab and notice how each tab has its own navigation history.</p> <p> <a class="button icon icon-right ion-log-out" href="#/sign-in">Sign-Out</a> <a class="button icon icon-right ion-chevron-right" href="#/tab/facts">Scientific Facts</a> </p> </ion-content> </ion-view> </script>
Is this an Ionic or ui-router known bug or am I just misusing some the ion directives here?
Thanks in advance