Quantcast
Channel: Ionic Forum - Latest topics
Viewing all articles
Browse latest Browse all 70612

Everytime i change states using my image in header re rendering

$
0
0

@Wahtel wrote:

I'm using ionic tabs theme, in my index.html i've got my and like this:

<body ng-app="starter" ng-controller="indexCtrl">
<ion-nav-bar class="myHeader">
<ion-nav-back-button id="backButton" class="myBackButton">
</ion-nav-back-button>
<ion-nav-buttons side="right">
<button class="button button-icon button-clear mybutton" ng-click="auth()">
<i class="my-navicon"></i>
</button>
</ion-nav-buttons>
<ion-nav-title>
<img class="title-image" src="img/title.png">
</ion-nav-title>
</ion-nav-bar>
<!--
The views will be rendered in the <ion-nav-view> directive below
Templates are in the /templates folder (but you could also
have templates inline in this html file if you'd like).
-->
<ion-nav-view></ion-nav-view>
</body>

and i've got tabs.html which is my abstract state like this:

`<ion-tabs class="tabs-icon-top tabs-color-active-positive">

<ion-tab class="myTabs" title="{{'news' | translate}}" icon-off="news-icon" icon-on="active-news-icon" href="#/tab/news">
<ion-nav-view name="tab-news"></ion-nav-view>

<ion-tab class="myTabs" title="{{'forum' | translate}}" icon-off="forum-icon" icon-on="active-forum-icon" href="#/tab/forum">
<ion-nav-view name="tab-forum"></ion-nav-view>

<ion-tab class="myTabs" title="{{'market' | translate}}" icon-off="shop-icon" icon-on="active-shop-icon" href="#/tab/shop">
<ion-nav-view name="tab-shop"></ion-nav-view>

<ion-tab class="myTabs" title="{{'checkState' | translate}}" icon-off="check-icon" icon-on="active-check-icon" href="#/tab/technique">
<ion-nav-view name="tab-technique"></ion-nav-view>

<ion-tab class="myTabs" title="{{'aboutUs' | translate}}" icon-off="teach-icon" icon-on="active-teach-icon" href="#/tab/aboutUs">
<ion-nav-view name="tab-aboutUs"></ion-nav-view>

</ion-tabs>`

Everytime i'm change state using tab navigation, my is re rendering and it creates an ugly visual effect, so maybe someone know how to fix this issue?
Thanx!

Posts: 1

Participants: 1

Read full topic


Viewing all articles
Browse latest Browse all 70612

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>