I upgraded to 0.9.19 and noticed that my ui-views are no longer populated on both iOS and Android devices. This took me a few days to notice because everything still works fine in the browser which is where I do most of my development.
My code looks like:
body side-menu pane header ... ui-view ...
In my application’s main controller, I populate the view with something like
$state.go('indexState') which works as expected in a desktop Chrome browser.
My devices’ ui-vew areas appear to be only partially populated.
The template that is intended to be inserted into the ui-view:
content(has-header="true", padding="false", scroll="false") div.row div.col ... div.col ... div.contentContainer slide-box slide slide slide
Once the app is rendered on a device, the ui-view section looks like (taken from weinre):
<ui-view> <div class="scroll-content has-header mg-scope hg-isolate-scope" has-header="true" padding="false"></div> <ui-view>
I’ve tried using the
nav-view tag with nested
view elements wrapping the
content tag in the template above and I’m seeing a very similar result. The view tag is inserted inside of the
nav-view tag as expected but content below the
content tag is always absent.