When routing to a view then back to the previous view (main), then go back to that same view, it would appear as if the controller is getting lost and/or that the html isn’t being processed the second time. Stuff is missing on the second view which is all related to angular processing as shown in the code below “This line is NOT PROCESSED”.
<nav-page id="sessions-page" >
<header class="bar bar-header bar-positive" back-button-type="button-icon" back-button-icon="icon ion-arrow-left-c">
<h1 id="title" class="title">Sessions</h1>
</header>
<content class="has-header">
<div class="list" option-buttons="getItemButtons()">
<div ng-repeat="session in sessions" item="session" ng-href="#/sessions/{{session.id}}" class="item">
<div style="background-color: {{ session.themecolor }}; border-radius: 6px; margin:0 auto; width: 100%;">
<!--This line is NOT PROCESSED --> <div ng-show="{{ isDivider(session) }}" style=" margin-left: -15px; border-radius: 4px; "> {{ getDividerName(session) }} </div>
<!--This line is NOT PROCESSED --> <p style="padding-top: 4px;">{{ getTitleName(session) }}</p>
<h4>{{ session.speakername }}</h4>
<h4>{{ session.description }}</h4>
<h4>{{ session.location }}</h4>
<!--This line is NOT PROCESSED --> <div ng-hide="{{ isBreak(session) }}" style="background-color: transparent; border: none; vertical-align: middle">
<div style="background-color: transparent; border: none; text-align: right; padding-bottom: 0px;">
<toggle ng-model="session.attendees[suser.id]" name="attending" style="background-color: transparent; border: none; padding-top: 0px; margin-left: 0px; padding-left: 0px" >
</toggle>
<p style="font-size: 14; text-align: right">Attending?</p>
</div>
</div>
</div>
</a>
</div>
</content>
</nav-page>