如何在離子中實施「對照組」？

Question

我想實現 「對照組」 中的離子，

下面是我的期望：

但我離子找不到任何， 這是我提到的鏈接： http://ionicframework.com/docs/components/#header

任何建議嗎？

Answer 1

我不認爲Ionic目前已經實現了我可以做的唯一建議是使用切換（壞的方式）或使用不同的按鈕我用這種方式時，我創建了2個Listcontainers在它們之間切換

<div class="button-bar"> 
      <a class="button" ng-init="showme=true; setshowme(true)" ng-click="showme=true; setshowme(true)" ng-class="{'active': showme == true}">{{::lang.pnlPosOffenML}}</a> 
      <a class="button" ng-click="showme=false; setshowme(false)" ng-class="{'active': showme == false}">{{::lang.pnlPosErledigtML}}</a> 
     </div> 

這就是我想出了

Answer 2

你好，這是爲我工作，在HTML文件中編寫的代碼爲

<ion-item> 
    <button class="button button-light" ng-disabled="!allow" ng-click="selectedMale()">Male</button> 
    <button class="button button-light" ng-disabled="!notAllow" ng-click="selectedFemale()">Female</button> 
    </ion-item> 
    <ion-item> 
    <button class="button button-light" ng-disabled="!notAllow" ng-click="selectedFemale()">Male</button> 
    <button class="button button-light" ng-disabled="!allow" ng-click="selectedMale()">Female</button> 
    </ion-item> 

並在控制器代碼

$scope.allow = true; 
    $scope.notAllow = true; 
    $scope.selectedMale = function(){ 
    $scope.notAllow = false; 
    } 
    $scope.selectedFemale = function(){ 
    $scope.allow=false; 
    } 

，如果有任何疑問，請回復