Tabs in ionic is not showing content

1

I am trying to show content. I added custom code here manually on custom template file.

<ion-content>


<ion-tabs class="tabs-positive tabs-icon-only">

  <ion-tab title="Home" icon-on="ion-ios-filing" icon-off="ion-ios-filing-outline">
    My Content here 
  </ion-tab>

  <ion-tab title="About" icon-on="ion-ios-clock" icon-off="ion-ios-clock-outline">
     My Content here 1
  </ion-tab>

  <ion-tab title="Settings" icon-on="ion-ios-gear" icon-off="ion-ios-gear-outline">
    My Content here 3
  </ion-tab>

</ion-tabs>
  </ion-content>
</ion-view>

I took example code from here

http://ionicframework.com/docs/api/directive/ionTabs/

I am able to see tabs, but not content. And yes if i follow sample app tab for ionic i am able to do this. But i need above one.

Can we show content here.

2

do not put ion-content around ion-tabs.

But you should wrap your tab-contents in ion-nav-views and so on.

3

i dont want to wrap this one. Can’t we do in above example ?