我希望旋转一个图标，这是我写的手风琴的一部分，当我的控制器中的$scope变量与$index的{{1}}匹配时，我使用{ {1}}到一个跨度我必须旋转180度。但是，所有这些都适用于该课程的动画＆＃39; ng-repeat＆＃39;完成后，跨度恢复到原来的位置！我们不希望这种情况发生，直到我们删除了ng-class＆＃39; u-r-180＆＃39; u-r-180变量＆＃39; $scope＆＃39;有一个新值（或已更改）。
这是我的HTML ......没什么难的......
selectedType <span class="icon-ic_list_arrow_down u-rotate" data-ng-class="{'u-r-180': selectedType === $index}"></span>
是我应用中的图标字体的一部分，是一个向下的箭头。
以下是我的CSS课程......
'icon-ic_list_arrow_down'如何将范围保持在动画位置（旋转180度），直到我删除课程＆＃39; .u-rotate {
transition: all 0.75s;
transform: rotate(0deg);
}
.u-r-180 {
transform: rotate(180deg) !important;
}
＆＃39;？
这是一个非常粗糙的JSBIN ......注意＆＃34; V＆＃34;旋转，然后返回到原始位置... https://jsbin.com/qevewe/edit?html,css,js,output