Shams
October 27, 2014, 7:34am
1
Hi all,
I have really strange problem.
In my app that I designed by ionic, There are some pages that when I move to it for the first time it look like another page and a totally different design !!
BUT When I click on the back button and then move to it for second time, it give me the right design that I’ve worked
This only happens when testing the application on Android or iPad
Is there anyone suffers from this problem or knows a solution plz ?
Shams
October 27, 2014, 9:43am
2
I don’t know how to search about this problem !!
Hi, I don’t think anyone can offer much useful advise unless they can have a look at your code and see what you’re doing. Can you give some example code of what you’re trying to do?
1 Like
Shams
October 27, 2014, 12:32pm
4
Thank you for your reply @RansomTime
Well I’m going to explain in more detail
I have a template page as follows:
<ion-view >
<ion-nav-buttons >
<a class="button button-icon icon ion-ios7-arrow-back GoBackButton" ui-sref="app.Page1"></a>
</ion-nav-buttons>
<ion-content class="has-header">
<div class="wrapper">
<div class="container">
<div class="row one" ng-controller="SliderBoxCtrl1">
<div class="col-offset-10"></div>
<div class="col-65" >
<ion-slide-box active-slide="myActiveSlide" on-slide-changed="slideHasChanged($index)" >
<ion-slide class="slider-slide" data-index="1">
<div class="contentpage1">
<img class="basicImage" src="img/1.png" >
</div>
</ion-slide>
<ion-slide class="slider-slide" data-index="2">
<div class="contentpage1">
<img class="basicImage" src="img/2.png" >
</div>
</ion-slide>
<ion-slide class="slider-slide" data-index="3">
<div class="contentpage1">
<img class="basicImage" src="img/3.png" >
</div>
</ion-slide>
<ion-slide class="slider-slide" data-index="4">
<div class="contentpage1">
<img class="basicImage" src="img/4.png" >
</div>
</ion-slide>
</ion-slide-box>
</div>
<div class="col-25">
<div class="list menu" ng-controller="ReadJSONCtrl">
<ion-list>
<ion-item>
<p class="name">Name</p>
<p class="info">{{sometext}}</p>
</ion-item>
<ion-item>
<p class="name">Size</p>
<p class="info"> {{sometext}}</p>
</ion-item>
<ion-item>
<p class="name">Price</p>
<p class="info"> {{sometext}} </p>
</ion-item>
</ion-list>
</div>
</div>
</div>
</div>
</div>
</ion-content>
</ion-view>
the page must appears as follows
Suppose that I can access this page by Button1
When I open the app on my android for first time and press Button1 the page appears as follows:
If I go back to previous page and press Button1 the page appears Natural as follows
This problem occurs with me in most of pages in My app :"(