Can't set text in title


I start the basic tabs code and i have some problems customizing it.
this is my Home.html code.

I have tried some ways to force setting text in the title but without success.
some of my test are attached below.

can you please help me with that?

<ion-nav-bar class="bar bar-header bar-balanced">
<!-- <div class="bar bar-header bar-light">
  <h1 class="title">bar-light</h1>
</div> -->
<!--  <ion-view title="Facts">  -->    
    <h1 class="title">Elite Schedule</h1>

 <ion-tabs class="tabs-energized tabs-icon-top">
    <ion-tab title="Leagues" icon="ion-home" href="#"><!--/home/leagues"> <!-- (01)-this is the location of the view-->

   <ion-tab title="My Teams" icon="ion-star" ui-sref="home.myteams"> --><!-- (02)-this is the location of the view, same result as in (01)line 6 above -->

Read of of this.

I use

<ion-view view-title="">

It works for the home tabs and for child pages.

I had similar issues, I think, and got over them by using the ion-nav-title directive instead of just title="..."

I will check all suggestion and update :relaxed:

works just fine for me
thanks all.