What else can I use instead of ion-nav-view to properly trigger history and animations?

ionic-v1
#1

Hi everyone.

I am developing an app with nested views using ui-router.

The app works fine (apart from the navbar title not updating properly, but for the moment I resolved it using $ionicNavBarDelegate.

The issue I’ve got is that I’d like to have a nice animation when I change part of my screen.

Let me explain a bit better:

I have a main page called details
details has a subview called detailsSubview
detailsSubview changes to edit.

The code looks like this:

<ion-view>
    <ion-nav-title>{{current.Name}}</ion-nav-title>
    <ion-content class="has-header">
         .......
        <div ui-view="setailsSubview"></div>
    </ion-content>
</ion-view>

and the subview code is the following:

<ul class="list">
   <li class="item item-icon-left">Test</li>
   <li class="item item-icon-left">Test</li>
   <li class="item item-icon-left">Test</li>
   <li class="item item-icon-left">Test</li>
</ul>

I tried to wrap detailsSubview like this:

<ion-nav-view name="setailsSubview"></div>

and I have the nice animation, but the page subview page is not rendered properly as I end up having:

<ion-nav-view>
 <ion-view>
  <ion-content>
   <ion-nav-view>
     <ul class".....>
       <li>.....

and I don’t think I can have ion-nav-view nested inside ion-content as the page is longer than the real page height.

So the question here is: How can I achieve this? is there anything else I can use inside ion.content that will properly trigger history events and animations as well as having the page rendered properly?

Thanks for any suggestion