Remove class 'selected' from another function - angularjs

Question

I have an ng-class function which add the class 'Selected' through a toggle function. I want to remove ALL the items classes that have this 'Selected' class when this function runs.
controller.js
$scope.addItemToggle = function(item) {
item.selected = !item.selected;
if (item.selected) {
$scope.items.push({
itemName: item.itemName,
itemIcon: item.itemIcon,
});
} else {
var index = $scope.items.indexOf(item);
$scope.items.splice(index, 1);
}
};
view.html
<ul class="outfit-icons row">
<li class="outfit-button col-33" ng-repeat="item in clothing" ng-class="{'selected':item.selected}" ng-click="addItemToggle(item)">
<div class="item-tick">
<i class="ion-android-done"></i>
</div>
</li>
</ul>

Answer 1

You can pass an index parameter to your function :
<ul class="outfit-icons row">
<li class="outfit-button col-33" ng-repeat="item in clothing" ng-class="{'selected':item.selected}" ng-click="addItemToggle(item, $index)">
<div class="item-tick">
<i class="ion-android-done"></i>
</div>
</li>
</ul>
$scope.addItemToggle = function(item, index) {
$scope.items.forEach(function (item, i) {
if (i !== index) {
item.selected = false;
}
});
if (item.selected) {
$scope.items.push({
itemName: item.itemName,
itemIcon: item.itemIcon,
});
} else {
var index = $scope.items.indexOf(item);
$scope.items.splice(index, 1);
}
};