帶Ionic Framework的類似iOS的選項卡

Question

我對項目使用了ionic，但對iOS的UX並不滿意。我的意思是，如何在創建標籤項目時添加此標籤（請參閱圖片），而不是添加基本選項卡？

enter image description here

Answer 1

可以使用<ion-nav-buttons class="button-bar"></ion-nav-buttons>指令添加按鈕，以便在您的屏幕截圖中提到的每個選項卡。

<ion-nav-buttons class="button-bar" side="left"> 
    <a class="button" 
    ui-sref-active-eq="active" 
    ui-sref="path1"> 
    Label 1 
    </a> 
    <a class="button" 
    ui-sref-active-eq="active" 
    ui-sref="path2"> 
    Label 2 
    </a> 
    <a class="button" 
    ui-sref-active-eq="active" 
    ui-sref="path3"> 
    Label 3 
    </a> 
</ion-nav-buttons> 

與ui-sref-active指令沿ui-sref可以確保與激活狀態的標籤處於焦點