Switching tabs,title not showing

1

this is the tab in which i’m facing issue of the title, whenever i switch from different sidemenu i’m not able to see the title and once again if i switch to this it shows. can someone help me in solving this??
Resu.html

<ion-view view-title="Results">
    <ion-nav-buttons side="left">
      <button menu-toggle="left" class="button button-icon icon ion-navicon btn_color"></button>
    </ion-nav-buttons>
    <ion-nav-bar >
      <ion-nav-back-button>
      </ion-nav-back-button>
    </ion-nav-bar>
             
    <ion-nav-view></ion-nav-view>

    
    <ion-tabs class="tabs-default tabs-color-light" >
      <ion-tab title="B+"  href="#/app/resu/samegroup">
        <ion-nav-view name="samegroup-tab"></ion-nav-view>
      </ion-tab>

      <ion-tab title="OTHERS"  href="#/app/resu/diffgroup">
        <ion-nav-view name="diffgroup-tab"></ion-nav-view>
      </ion-tab>  
    </ion-tabs> 
<ion-view>

samegroup.html

<ion-content has-header="true" overflow-scroll="false">
        <div class="row total_people" >
              <div class="col" >
                  <img src="img/yoha.jpg" class="request_img" >
              </div>
              <div class="col col-50">
                  <span>Anshul Kalra</span>
                  <br>
                  <span>Lorem Ipsum </span>
                  <br>
                  <span> Social connect Fb </span>
              </div>
              <div class="col col_align" >
                  <button class="button button-small btn_select" >SELECT</button>
              </div>
        </div>
</ion-content>

diffgroup.html

<ion-content has-header="true" overflow-scroll="false">
            <div class="row total_people" >
                  <div class="col" >
                      <img src="img/yoha.jpg" class="request_img" >
                  </div>
                  <div class="col col-50">
                      <span>Anshul Kalra</span>
                      <br>
                      <span>Lorem Ipsum </span>
                      <br>
                      <span> Social connect Fb </span>
                  </div>
                  <div class="col col_align" >
                      <button class="button button-small btn_select" >SELECT</button>
                  </div>
            </div>
    </ion-content>
2

I found a work-around for this problem.

Use

<ion-nav-bar>
  <ion-nav-buttons side="left">
    <button menu-toggle="left" class="button button-icon icon ion-navicon btn_color"></button>
  </ion-nav-buttons>

  <ion-nav-back-button>
  </ion-nav-back-button>

  <ion-nav-title>
   {{title}}
  </ion-nav-title>
</ion-nav-bar>
1 Like