When moving to a page, first time the design wrong! second time it's ok


#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 ?


#2

I don’t know how to search about this problem !!


#3

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?


#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 :"(


#5

Any one here ???