Javascript AngularJS：如何在选择另一个跨度时取消选择跨度

我有一个用

ngrepeat

显示的内容列表，单击这些内容时，会生成与所选元素相关的其他内容列表。我的目的是让被点击元素的背景改变颜色，以便显示它被选中。我的问题是当我选择另一个元素时，它们都显示为选中。这是我的密码：

<div class="breakdownRow pointer" ng-class="{bSelection: selection}" ng-click="selection=true" ng-repeat="m in masterList">
    <span class="areaTag">{{m.area}}</span>
    <span class="storeNumTag" ng-repeat="v in m.valueList track by $index">{{v.toLocaleString()}} </span>
</div>

{{m.area}}
{{v.tolocalesting（）}}

如前所述，第一次单击事件非常有效。bSelection是我的css类，它可以更改背景颜色。我的问题是，一旦单击了另一个元素，前一个元素本身就不会“取消选择”

---

问题：如果选择了另一个元素，一次只有一个元素显示为高亮显示，如何取消为该元素赋予类？

设置并检查具体元素中的选择：

<div class="breakdownRow pointer" ng-class="{bSelection: m.selection}" ng-click="m.selection=true" ng-repeat="m in masterList">

angular.module（'app'，[]）
.controller（'controller'，function（$scope）{
$scope.masterList=[1,2,3,4,5,6,7,8]；
});
.breakdownRow{
边框：1px纯黑；
宽度：100px；
高度：100px；
}
B.选举{
背景色：红色；
}

{{m}}
设置并检查混凝土构件中的选择：

<div class="breakdownRow pointer" ng-class="{bSelection: m.selection}" ng-click="m.selection=true" ng-repeat="m in masterList">


angular.module（'app'，[]）
.controller（'controller'，function（$scope）{
$scope.masterList=[1,2,3,4,5,6,7,8]；
});
.breakdownRow{
边框：1px纯黑；
宽度：100px；
高度：100px；
}
B.选举{
背景色：红色；
}

{{m}}
这可用于选择一行，但在单击另一行时不会取消选择该行仍然不适用于我。你有没有我能看到的plunker或jsfiddle的例子？@discodane，当然，等一下。感谢您的帮助此选项可用于选择一行，但在单击另一行时不会取消选择该行仍然不适用于我。你有没有我能看到的plunker或jsfiddle的例子？@discodane，当然，等一下。谢谢你的帮助