我试图让我的两个元素切换，所以如果一个元素被点击它将删除my-class的所有引用并应用于它的self。有任何想法吗？
<span id="1" ng-style="my-class" ng-click="tog=my-class"></span> <span id="2" ng-style="my-class" ng-click="tog=my-class"></span>
干杯!
创建一个名为selectedIndex的scope属性和一个itemClicked函数：
function MyController ($scope) {
$scope.collection = ["Item 1","Item 2"];
$scope.selectedIndex = 0; // Whatever the default selected index is,use -1 for no selection
$scope.itemClicked = function ($index) {
$scope.selectedIndex = $index;
};
}
然后我的模板看起来像这样：
<div>
<span ng-repeat="item in collection"
ng-class="{ 'selected-class-name': $index == selectedIndex }"
ng-click="itemClicked($index)"> {{ item }} </span>
</div>
仅供参考$ index是ng-repeat指令中的一个魔术变量。
您可以在指令和模板中使用同样的示例。
这里是一个工作plnkr：
