如何離子框架設計「兩個欄按鈕」

Question

我想實現這一目標是：

當然，我通過button文檔去了，但似乎沒有類似的是存在的。所以，我希望有人指出正確的方向（codepen與一個基本的例子將是最棒的）。

所以，理想情況下，這將是一個按鈕，標籤在那裏我將能夠通過兩個變量（一個這將出現在左邊，一個在右邊）。這不聞起來像一個角指令工作，雖然我還沒有與它擺弄太多，只是還沒有所以在正確的方向輕推友好，將不勝感激。

Answer 1

我最終什麼事到底在做什麼是這樣的：我創建了一個div一類button，然後裏面我創建了兩個額外的div與自定義類。

下面的代碼：

.leftButtonSide { 
    width: 50%; 
    float: left; 
    color: #000; 
} 

.rightButtonSide { 
    width: 50%; 
    float: left; 
    background: #F2F2F2; 
    color: #000; 
    border-radius: 2px; 
} 

<div ng-repeat="d in data" class="button button-positive-outline"> 
    <div class="leftButtonSide">2</div> 
    <div class="rightButtonSide">2,00</div> 
</div> 

真實的，準確的相同的外觀，你將不得不打了一下用CSS。我結束了這到底：

希望這可以幫助別人呢！

Answer 2

有類似於這樣的文檔中 http://ionicframework.com/docs/components/#button-bar

<div class="button-bar"> 
    <a class="button">First</a> 
    <a class="button">Second</a> 
</div>