Ion-slide with different template

Hello,

I have 3 ion-slide-box. Everyone has 3 items.
My code is an implementation of tabbed slide box on github here
My Code look like this:

`<tab-slide-box>
   <div class="tsb-icons">
        <div class="tsb-ic-wrp">
           <ion-scroll direction="x" class="tsb-hscroll">
               <a href="javascript:;" class="header-icon ion-pie"></a>
               <a href="javascript:;" class="header-icon ion-list-all"></a>
               <a href="javascript:;" class="header-icon ion-home-omg"></a>
            </ion-scroll>
         </div>
    </div>
                
   <ion-slide-box show-pager="false" on-slide-changed="slideHasChanged($index)">
          <ion-slide>
             <h3>Pie content</h3>
          </ion-slide>
          <ion-slide>
              <h3>List all content</h3>
          </ion-slide>
          <ion-slide>
               <h3>Home content</h3>
          </ion-slide>
      </ion-slide-box>
   </tab-slide-box>`

i want ion-slide content with different templates, pie content => pie.html, list-all content => listall.html, home content => home.html.

but I do not know how to make it, any suggestions for me ?
Thanks in advance