# ionViewDidLoad called each time tab is clicked

**URL:** <https://forum.ionicframework.com/t/ionviewdidload-called-each-time-tab-is-clicked/85893>\
**Category:** ionic-v3\
**Created:** [April 9, 2017, 12:22am UTC](https://forum.ionicframework.com/t/ionviewdidload-called-each-time-tab-is-clicked/85893 "2017-04-09T00:22:44Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![ravinleague](https://avatars.discourse-cdn.com/v4/letter/r/90db22/32.png) [@ravinleague](https://forum.ionicframework.com/u/ravinleague)\
**Post date:** [April 9, 2017, 12:22am UTC](https://forum.ionicframework.com/t/ionviewdidload-called-each-time-tab-is-clicked/85893/1 "2017-04-09T00:22:44Z")

</div>

I have a weird issue,  
I have a tabs application. All my tabs work fine except that when I click a tab second time, the tab is reloaded… this happens all the time… I want the tab to persist its data when I click the second time.

The console.log says ionViewDidLoad Solidconverter each time i click on tab which ofcourse is refreshing the whole contents of the tab

---

<div class="post-metadata">

**Author:** ![FrancoisIonic](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/francoisionic/32/106767_2.png) [@FrancoisIonic](https://forum.ionicframework.com/u/FrancoisIonic)\
**Post date:** [April 9, 2017, 12:53am UTC](https://forum.ionicframework.com/t/ionviewdidload-called-each-time-tab-is-clicked/85893/2 "2017-04-09T00:53:43Z")

</div>

I based my current app on tabs too, and in fact there are strange bugs, tabs sometimes confuse each other with variables and such.

Like if you try to push a new page from a tab (like a child page), it won’t work well with back button disappearing. This is a known bug since one year, and repeateatly closed as “solved” on Github.

> <https://github.com/ionic-team/ionic-framework/issues/8233>
>
> \*\*Type\*\*: \<span ionic-type\>bug\</span\>
> 
> \*\*Ionic Version\*\*: \<span ionic-version\>2.…x\</span\>
> 
> \*\*Platform\*\*: \<span ionic-platform\>mobile\</span\> \<span ionic-webview\>webview\</span\>
> 
> \<span ionic-description\>Before my tabs page, I have few other regular pages and the "\< Back" is always present at the left corner.
> 
> When reaching my tabs page, I am losing the "\< Back" in my header. Why?
> 
> How do I get the back button back when using tabs in Ionic2?\</span\>
> 
> \<span is-issue-template\>\</span\>

> [@Back button disappearing on tab views](https://forum.ionicframework.com/t/back-button-disappearing-on-tab-views/62054/2):
>
> I encounter the same problem too. In fact I can replicate the bug in the ionic documentation page: [http://ionicframework.com/docs/api/directive/ionTabs/](http://ionicframework.com/docs/api/directive/ionTabs/) Try: home -\> scientific facts -\> back about -\> tabs nav stack -\> back home -\> scientific facts -\> back about -\> tabs nav stack

My advice: Try to avoid tabs if possible, I changed my navigation design to use segments and modals more. It works quite well inside tabs. Below link on how to use segments.

> **[ion-segment | Ionic Documentation](https://ionicframework.com/docs/api/segment)**
>
> ion-segment: API Documentation for Segmented Controls

Hope that helps,