Angular + Ionic: Multiple Nav Stacks

I just started learning Angular + Ionic this week. What I'm trying to do is get something like this: http://codepen.io/calendee/pen/IAjoL.

Except, I'd like to have a "Back" button in the Nav Bar of the Tabs page that takes me back to the Sign In page. i.e. I'm trying to get the Sign In Page, and the Tabs page to be part of a separate nav stack.

I've tried a couple of things, but in all cases I can only either a) Render the back button, b) Get the content to show up in each tab. Not both. Any help would be greatly appreciated!

Thanks, Saswat

Note: I'm not sure why, but Stack Overflow apparently needs some code for a codepen link. So here it is.

I was part of the team here at Taqtile that developed Pontofrio's mobile site (a well known Brazilian retail brand) that has a very similar effect to what your are looking for and we accomplished that using angularjs.

We used just css for the stacks element location/animation (which would be your code pen code, basically) but the trick for the views persistency is just the use of ui-router to keep the old views state alive while you move then.

Oh, it also allowed the user to go back states using the back button or swiping (using hammerjs and angular-hammer - when we developed it, the last stable angularjs release was still 1.1.5, so we sadly didn't have all touch events out of the box...)