如何在離子科爾多瓦創建標籤內容？

Question

目前，我有這些代碼爲離子選項卡內容。我想要實現的是創建（2）選項卡。我設法創建了這兩個選項卡，但是這些代碼似乎不起作用。我不知道爲什麼每當我點擊「標籤2內容（標籤）」時，標籤是在「標籤1內容」（默認情況下），它會導致我到另一個頁面（HomePage.html），而不是顯示預期的內容這是在同一頁），反之亦然。我可以想到的一個可能的原因是，如果我的Sidemenu.html被宣佈是這樣的話，那麼會有任何崩潰。 （雖然我說沒有明顯的是Sidemenu.html和TabContent.html之間崩潰）

TabContent.html

<ion-view view-title="Tabs"> 
     <ion-pane> 
      <ion-tabs class="tabs-top"> 

       <!-- Tab 1 --> 
       <ion-tab title="Tab 1" href="#/tab/tab1"> 
        <ion-nav-view name="tab-tab1"> 
         <ion-content> 
          Tab 1 content 
         </ion-content> 

        </ion-nav-view> 
       </ion-tab> 


       <!-- Tab 2 --> 
       <ion-tab title="Tab 1" href="#/tab/tab2"> 
        <ion-nav-view name="tab-tab2"> 
         <ion-content> 
          Tab 2 content 
         </ion-content> 
        </ion-nav-view> 
       </ion-tab> 
      </ion-tabs> 

     </ion-pane> 
    </ion-view> 

SideMenu.html

<ion-side-menus enable-menu-with-back-views="false"> 
    <ion-side-menu-content> 

    <ion-nav-bar class="bar-stable"> 
     <ion-nav-back-button> 
     </ion-nav-back-button> 

     <ion-nav-buttons side="left"> 
     <button class="button button-icon button-clear ion-navicon" menu-toggle="left"> 
     </button> 
     </ion-nav-buttons> 
    </ion-nav-bar> 
    <ion-nav-view name="menuContent"></ion-nav-view> 
    </ion-side-menu-content> 

    <ion-side-menu side="left"> 
    <ion-header-bar class="bar-stable"> 
     <h1 class="title">Left</h1> 
    </ion-header-bar> 
    <ion-content> 
     <ion-list> 
     <ion-item menu-close ng-click="login()"> 
      Login 
     </ion-item> 
     <ion-item menu-close href="#/app/search"> 
      QR Code 
     </ion-item> 
     <ion-item menu-close href="#/app/browse"> 
      User Profile 
     </ion-item> 
     <ion-item menu-close href="#/app/playlists"> 
      Setting 
     </ion-item> 
     <ion-item menu-close href="#/app/playlists"> 
      E-Receipt 
     </ion-item> 
      <ion-item menu-close href="#/app/BitCoin" ng-click="clickerBit(item);" ng-mouseenter="searching();"> 
     BitCoin  
     </ion-item> 
      <ion-item menu-close href="#/app/Membership"> 
    membership 
      </ion-item> 
      <ion-item menu-close href="#/app/Redeemption" ng-click="clicker(item);"> 
      redeemption 
      </ion-item> 

     </ion-list> 
    </ion-content> 
    </ion-side-menu> 
</ion-side-menus> 

HomePage.html

<ion-view view-title="Home"> 
     <ion-content> 



    <h2>Welcome, " "</h2> 

      <img class="homeImg" src="../img/qr.png" width="100" height="100" > 
      <br /> 
      <img class="homeImg" src="../img/profile.png" width="100" height="100"> 
      <br /> 
      <img class="homeImg" src="../img/ereceipt.png" width="120" height="120"> 
      <br /> 

      <img class="homeImg" src="../img/settings.png" width="100" height="100"> 
      <input id="target" type="button" value="Insert Data" onclick="AddValueToDB()" /> 
      <script src="//code.jquery.com/jquery-2.0.2.min.js"></script> 



      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
      <script src="js/BitCoin.js"></script> 




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

Answer 1

<ion-tab title="Tab 1" href="#/tab/tab2"> 

hr財產是什麼造成了你的煩惱。如果你點擊選項卡，你的應用程序將嘗試去'＃/ tab/tab2'，因爲我猜你沒有任何狀態的URL，ui路由器將你重定向到默認的url，它必須是你的主頁。

因此，也許刪除href屬性或創建一個＃/ tab/tab2和您的內容的html（這是一個很好的折衷）的狀態。