javascript - 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

您可以传递要删除的对象的索引，并使用“splice”函数将其从数组中删除。试试这个:

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>