AngularJs-删除我在ng-repeat中单击的卡

时间:2018-12-06 22:09:29

标签: javascript html arrays angularjs

我显示了阵列张卡片,其中显示了 ng重复。我正在将 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>

1 个答案:

答案 0 :(得分: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>