angularjs удалить из массива без знания индекса

Question

У меня есть arraylist, который используется для отображения рабочего процесса запроса на отпуск. Если запрос на отпуск в настоящее время сохраняется как черновик, запрос добавляется в мой проект списка, однако, если он был отправлен из модальной формы, подлежащей утверждению, ее необходимо будет удалить из проекта списка и добавить в список утверждений. Мой вопрос заключается в том, что этот список является внешним по отношению к моей форме, и моя форма не знает индекса списка. Когда я обновляю свой запрос из проекта для утверждения, как его удалить из черновика списка и добавить его в утвержденный список, не зная индекса.

Первой мыслью, которая пришла на ум, было создание уникального атрибута с базой данных pk, например data-approval="7", и выбрать ее с помощью какой-либо функции jquery и удалить элемент из списка, но из того, что я прочитал, это isn угловой способ сделать что-то. Итак, не зная индекс, как удалить элемент из моего списка в angularjs?

Пример цикла.

<ul> 
    <li ng-repeat="e in pendingApprovals" data-approval="{{e.id}}"> 
     <div class="alert alert-info"> 
      <h5>{{e.title}}</h5> 
      <div> 
      {{e.type}}   
      </div>  
      {{e.start | date:'MM/dd/yyyy - hh:mm a'}} 
      {{e.end | date:'MM/dd/yyyy - hh:mm a'}}  
      <a ng-click="rejectClick(e.id)" class="btn btn-danger btn-xs btn-block"> 
       <i class="fa fa-thumbs-down fa-1"></i> 
       Reject          
      </a>      
      <a ng-click="approveClick($index, e.id)" class="btn btn-success btn-xs btn-block"> 
       <i class="fa fa-thumbs-up fa-1"></i> 
       Approve          
      </a>          
     </div> 
    </li> 
</ul> 

JS

modalInstance.result.then(function(formData) { 
      $http.post('./calendar/save.json', formData).then(
       function(response) {      
        if(formData.update) { 
         $scope.refresh(); 
         console.log('refresh') 
         angular.element(elem[0].querySelector('[data-unsubmitted="' + response.data.id + '"]')).remove(); 
        } else { 
         $scope.events.push(response.data); 
         $scope.pendingApprovals.push(response.data); 
        }          
       }, function(response) { 
        console.log('failure ' + response) 
        // called asynchronously if an error 
        // occurs 
        // or server returns response with an 
        // error status. 
       }); 
     }, function() { 
      $log.info('Modal dismissed at: ' + new Date()); 
     }); 

Answer 1

Это выглядит так, будто фильтры, как @ ste2425 был на самом деле решение.

modalInstance.result.then(function(formData) { 
     $http.post('./calendar/save.json', formData).then(
      function(response) {      
       if(formData.update) { 
        $scope.refresh();     

        var items = $scope.pendingApprovals;     

        var item = $filter('filter')(items, {id: response.data.id}, true)[0];  

        var index = items.indexOf(item);   

        $scope.pendingApprovals.splice(index,1); 
       } else { 
        $scope.events.push(response.data); 
        $scope.pendingApprovals.push(response.data); 
       }          
      }, function(response) { 
       console.log('failure ' + response) 
       // called asynchronously if an error 
       // occurs 
       // or server returns response with an 
       // error status. 
      }); 
    }, function() { 
     $log.info('Modal dismissed at: ' + new Date()); 
    }); 

Я также нашел помощь от этого SO вопрос how to get index position of an array item in controller passing a value in angularjs