AngularJs - Удалить карту, на которой я щелкнул внутри ng-repeat

Question

У меня есть массив карт, отображаемых с ng-repeat .Я передаю id своей функции, я использую $ timeout , потому что мне нужно удалить карту через 5 секунд после щелчка, теперь цель состоит в том, чтобы удалить имеющуюся картущелкнул.Спасибо.

JS

$scope.includeCard = function(id){

  $timeout(function(){ 

      console.log(id) 

  },2000)

}

Мой HTML

    <div class="cards"> 

     <div class="" ng-repeat="card in  cards" >

      <div class="card-layout"> 

        <div>Card Example</div>

        <div ng-click="excludeCard(card.id)"></div>

      </div> 

    </div>

  </div>

Answer 1

Вы можете передать индекс объекта, который вы хотите удалить, и удалить его из массива, используя функцию "сращивания".Попробуйте это:

JS

$scope.includeCard = function(index){

  $timeout(function(){ 

      $scope.cards.splice(index, 1);

  },2000)

}

HTML

<div class="cards"> 

 <div class="" ng-repeat="card in  cards" >

  <div class="card-layout"> 

    <div>Card Example</div>

    <div ng-click="excludeCard($index)"></div>

  </div> 

</div>