title: ion-slide with different template
body: <p>I have 3 ion-slide-box.
  My code is an implementation of tabbed slide box on github <a href="https://github.com/saravmajestic/ionic/tree/master/tabbedSlideBox" rel="nofollow">here</a></p>
  
  <p>My Code look like this:</p>
  
  <pre><code>&lt;tab-slide-box&gt;
   &lt;div class="tsb-icons"&gt;
      &lt;div class="tsb-ic-wrp"&gt;
         &lt;ion-scroll direction="x" class="tsb-hscroll"&gt;
             &lt;a href="javascript:;" class="header-icon ion-pie"&gt;&lt;/a&gt;
             &lt;a href="javascript:;" class="header-icon ion-list-all"&gt;&lt;/a&gt;
             &lt;a href="javascript:;" class="header-icon ion-home-omg"&gt;&lt;/a&gt;
          &lt;/ion-scroll&gt;
       &lt;/div&gt;
  &lt;/div&gt;
  
   &lt;ion-slide-box show-pager="false" on-slide-changed="slideHasChanged($index)"&gt;
        &lt;ion-slide&gt;
           &lt;h3&gt;Pie content&lt;/h3&gt;
        &lt;/ion-slide&gt;
        &lt;ion-slide&gt;
            &lt;h3&gt;List all content&lt;/h3&gt;
        &lt;/ion-slide&gt;
        &lt;ion-slide&gt;
             &lt;h3&gt;Home content&lt;/h3&gt;
        &lt;/ion-slide&gt;
    &lt;/ion-slide-box&gt;
  </code></pre>
  
  <p></p>
  
  <p>i want ion-slide content with different templates, pie content => pie.html, list-all content => listall.html, home content => home.html.</p>
  
  <p>but I do not know how to make it, any suggestions for me ?
  Thanks in advance</p>
  
  <p>by the way, i read this article <a href="http://ionicframework.com/docs/api/directive/ionNavView/" rel="nofollow">API attr=name ion-nav-view</a> and see example.</p>
  
  <p>and i have added this code:</p>
  
  <pre><code>&lt;ion-slide&gt;
     &lt;ion-nav-view name="home-index"&gt;&lt;/ion-nav-view&gt;
  &lt;/ion-slide&gt;
  </code></pre>
  
  <p>and this state for home :</p>
  
  <pre><code>.state('app.home', {
    cache: false,
    url: "/home",
    views: {
      'home-index':{
        templateUrl: 'templates/home.html',
        controller: 'HomeCtrl'
      },
      'appContent':{
        templateUrl: 'templates/home.html',
        controller: 'HomeCtrl'
      },
      'menuList':{
        templateUrl: 'templates/menu/menu.html',
      }
    }
  }) 
  </code></pre>