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


#1

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-content>
    </ion-tab>

    <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">
        <h2>About</h2>
      </ion-content>
    </ion-tab>

#2

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


#4

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


#5

i have find my answer
just use

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

angularJs is base sdk.


#6

Take a look at my Gist:

https://gist.github.com/rvanbaalen/ce8be8d44c33889e4e9a/d6fc8c7244f9c1f712cf5af78836c9c4853f1568

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


#7

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


#8

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