Ionic：タブビューがレンダリングされない

Question

何らかの理由でタブビューが最初に表示されますが、Tab2にアクセスした後にTab1に移動するとhtmlは表示されません。

Plunker：http://plnkr.co/edit/naNhC5?p=preview

ルート：

.state('home.tabs', { 
       cache: false, 
       url: '/i', 
       views: { 
        'mainContent': { 
         templateUrl: 'tabs.html' 
        } 
       } 
      }) 

      .state('home.tabs.tab1', { 
       url: '/tab1', 
       views: { 
        'tab1': { 
         cache: false, 
         templateUrl: 'tab1.html' 
        } 
       } 
      }) 

      .state('home.tabs.tab2', { 
       url: '/tab2', 
       views: { 
        'tab2': { 
         cache: false, 
         templateUrl: 'tab2.html' 
        } 
       } 
      }) 

タブHTML：

<ion-tabs class="tabs-light "> 

    <ion-tab title="Tab1" ui-sref="home.tabs.tab1"> 
     <ion-nav-view name="tab1"></ion-nav-view> 
    </ion-tab> 

    <ion-tab title="Tab2" ui-sref="home.tabs.tab2"> 
     <ui-view name="tab2"></ui-view> 
    </ion-tab>  
</ion-tabs> 

タブ-1ビュー：

<ion-view view-title="Tab1"> 
    <ion-content class="padding has-header"> 

     <h2>Tab1</h2> 

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

Answer 1

tabs.htmlファイルには少し誤りがあります。あなたはion-nav-viewでui-viewを代用する必要があります。

<ion-tabs class="tabs-light"> 
    <ion-tab title="Tab1" ui-sref="home.tabs.tab1"> 
     <ion-nav-view name="tab1"></ion-nav-view> 
    </ion-tab> 
    <ion-tab title="Tab2" ui-sref="home.tabs.tab2"> 
     <ion-nav-view name="tab2"></ion-nav-view> <!-- <<<< --> 
    </ion-tab>  
</ion-tabs> 

CHECK DEMO

なぜ？

What is the difference between ui-view in angularjs and ion-nav-view in ionic