Как показать/скрыть конкретный элемент?

Question

[KOPC1886]

Всем привет!

Как сделать, чтобы картинка загрузки показывалась только у конкретного элемента, а не у всех.

<ul class="service_list" id="serviceList">
                <li class="li_service" ng-repeat="service in selectedCategory.services">
                    <a href="#/catalog/{{selectedCategory.id}}/{{service.id}}" class="a_service">
                        <b>{{service.name}}</b>
                    </a>
                    <i class="delete_service_catalog" ng-model="deleteStatus" ng-click="deleteService($index, $event)" ng-hide="deleteStatus" title="Удалить сервис"></i>
                    <i id="service_{{$index}}" class="delete_service ajax_mini" ng-show="deleteStatus"></i>
                    <span id="star_{{$index}}" class="star" ng-class="{'on' : service.favorite}" ng-hide="deleteStatus" ng-click="addToFavorite($index)"></span>
                </li>
            </ul>

$scope.deleteService = function(index, event)
        {
            $scope.deleteStatus = false;
            if(confirm("Вы уверены, что хотите удалить сервис?"))
            {
                $scope.deleteStatus = true;
                return false

При срабатывании функции deleteService, тег отображается у всех элементов , а мне нужно чтобы отображалось только у того, который я удаляю.

Answer 1

[RedMaker]

Флаг deleteStatus должен быть у каждого элемента в массиве selectedCategory.services.

Итого:

$scope.deleteService = function(index, event)
        {
            $scope.selectedCategory.services[index].deleteStatus = false;
            if(confirm("Вы уверены, что хотите удалить сервис?"))
            {
                $scope.selectedCategory.services[index].deleteStatus = true;
                return false;
            }