Javascript ng重复从div添加和删除样式

我对

ng repeat

和

ng class

有一个问题，我有预定义的数据，从服务器上通过

ng repeat

运行它，并在

div

中打印它们，在那里我有另一个

div

样式化为按钮，我希望能够设置初始

div

说出它

n:child（3）

一种特定的样式，它将从其余部分高亮显示，但如果按下其他div的按钮将该高亮显示转移到它，则仍然可以。简言之，从高亮显示的div中获取样式并将其转移到单击的

到目前为止，我已经设法做到了这一点

为了简单起见，我将对代码进行精简，以满足基本需要

view.html

//省略代码
选择

ViewCtrl.js

//省略的代码
$scope.select=功能（价格）{
price.selected=！price.selected；
}

stlye.css

//省略
.选定{
背景色：红色；
字号：3em；
}

在当前状态下，单击“样式化为”按钮时，将更改应用于父级

div

，并在随后单击时取消样式。我现在只需要让它唯一的方法，这样如果先说它

div

，点击它就会有样式，但是如果点击第四，它应该从第一个去掉样式，然后应用到第四个，依此类推……

<div ng-repeat = "price in settingsPrices">

<div ng-class="$index == seletedDiv ?'selected':''" ngclick="select($index)">select {{price}}</div>

</div>

$scope.seletedDiv = 0;
$scope.select = function(index) {
  $scope.seletedDiv = index;
}

 Hope this works for u.

选择{{price}}
$scope.seletedDiv=0；
$scope.select=函数（索引）{
$scope.seletedDiv=索引；
}
希望这对你有用。