Angularjs 如何实施"；对照组“；在爱奥尼亚？

我试图在爱奥尼亚实施“控制小组”

以下是我的期望：

但我在爱奥尼亚找不到， 这是我所指的链接：

---

有什么建议吗？

我认为爱奥尼亚目前还没有实现。我唯一能提出的建议是使用切换（坏方法）或使用不同的按钮。我在创建两个ListContainer时使用了这种方法在它们之间切换

<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>

{{：：lang.pnlPosOffenML}}
{{：：lang.pnlPosErledigtML}

---

这是我想到的

嗨，这对我有用，在你的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;
  }