Anchors to outer states inside ion-tabs nested states


#1

Hi,

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:

Codepen: http://codepen.io/anon/pen/qxhte

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