AngularJS-如何在单击按钮时更改一对按钮之一的颜色

我正在根据数据动态创建成对按钮的行。我在堆栈上发现了一个问题，看起来它可以解决我的问题并实现了它，但当我单击一行中的某个特定按钮时，它会激活该行中的两个按钮。我只希望其中一个在单击时更改颜色。我怎样才能避开这件事？谢谢

HTML:

---

我认为在这种情况下，最好将PickSelected设置为按钮索引，而不是布尔值，然后通过比较索引PickSelected==1来切换button类btn成功“：“btn默认值”：

---

演示：这正是我需要的。

<div class="form-horizontal" data-ng-repeat="item in event.Events">
        <div class="form-group">                
            <div class="col-xs-12 col-md-6 col-lg-6">
                <button type="button" class="btn form-control"
                    data-ng-class="{'btn-success': pickChosen, 'btn-default': !pickChosen}"
                    data-ng-click="pick()">
                </button>
            </div>
            <div class="col-xs-12 col-md-6 col-lg-6">
                <button type="button" class="btn form-control"
                    data-ng-class="{'btn-success': pickChosen, 'btn-default': !pickChosen}"
                    data-ng-click="pick()">
                </button>
            </div>
        </div>
    </div>

    .controller('dashController', function ($scope, $http) {
        $scope.pickChosen = false;
        //....
        $scope.pick = function () {
        //non-important code
        this.pickChosen = true;
        };
    })

<div class="form-group">
    <div class="col-xs-12 col-md-6 col-lg-6">
        <button type="button" class="btn form-control" data-ng-class="[pickChosen == 1 ? 'btn-success' : 'btn-default']" data-ng-click="pickChosen = 1; makePick()">{{item.name}}</button>
    </div>
    <div class="col-xs-12 col-md-6 col-lg-6">
        <button type="button" class="btn form-control" data-ng-class="[pickChosen == 2 ? 'btn-success' : 'btn-default']" data-ng-click="pickChosen = 2; makePick()">{{item.name}}</button>
    </div>
</div>