How to use template url in ion-content or in ion-tab

like this html ,all ion-content in a html is too big

how to split it

 <ion-tab title="Home" icon-on="ion-ios7-filing" icon-off="ion-ios7-filing-outline" on-select="tabSelected('home')">
    <ion-content has-header="true" padding="true">

        <h1>Entry Page!</h1>
        <a class="button button-positive" ng-click="signIn()" ui-sref="main.home">Sign In</a>

    <ion-tab title="About" icon-on="ion-ios7-filing" icon-off="ion-ios7-filing-outline" on-select="tabSelected('about')">
      <ion-content has-header="true" padding="true">

The Ionic Seed Project has a good example on how to handle this using ui-router’s nested states/views.

this use ui-router
but my page is work with side menu and tabs
the tabs page have all tabs html
hot to split the tabs html

i have find my answer
just use

>                         <div ng-include="'tpl/test.html'"></div>

angularJs is base sdk.

Take a look at my Gist:

It seems to do what you’re looking for even though I created it to reproduce an Ionic Tabs related issue.

Super annoying body too similar message from forum. Ignore this

i have try you code
it work Perfect on 0.9.27
but nightly is change some thing
left-buttons="leftButtons is not work.

Take a look at the most recent documentation regarding the beta1 release. left-buttons="leftButtons" is deprecated, for example.