Ion-tab missing text


#1

I have text that goes with the icon, however, the text is missing. This started happening when I upgraded to beta.

Here is the output:

<ion-tabs tabs-style="tabs-icon-top" tabs-type="tabs-default">


  <!-- Main App Tab -->
  <ion-tab title="Main" icon="icon ion-home" href="#/tab/main">
    <ion-nav-view name="main"></ion-nav-view>
  </ion-tab>

  <!-- Bookmark Tab -->
  <ion-tab title="Bookmarks" icon="icon ion-star" href="#/tab/bookmark">
    <ion-nav-view name="bookmark-tab"></ion-nav-view>
  </ion-tab>

  <!-- Setup Tab 
  <ion-tab title="Setup" icon="icon ion-wrench" href="#/tab/setup">
    <ion-nav-view name="setup-tab"></ion-nav-view>
  </ion-tab>
  -->

  <!-- Setting Tab -->
  <ion-tab title="Setting" icon="icon ion-settings" href="#/tab/setting">
    <ion-nav-view name="setting-tab"></ion-nav-view>
  </ion-tab>


</ion-tabs>

#2

Since beta, most of the inline attributes have been moved to classes.

So your ion-tabs should be written like this

<ion-class"tabs-icon-top tabs-default">

#3

For what its worth, here is an example against 1.0.0-beta1. Its got more than just tabs going on, but you can isolate them from the rest of the structure.


#4

@gnomeontherun
Really appreciate the example. Solved couple of issues that I was having since getting the beta.

Thanks!