javascript - AngularJS |仅删除该项目后隐藏表格上的删除图标

Question

在我的应用程序中，由于某些技术原因，我们需要在从表中删除项目之前进行验证。这意味着，当一个项目被标记为删除时，我们需要隐藏垃圾箱图标。我可以正常工作，但问题是整个表都会发生这种情况。

我希望删除图标仅针对该特定项目消失。

HTML:

<td ng-if="!hideTrashIcon">
  <a  popover-trigger="'mouseenter'" uib-popover="Delete" ng-click="deleteModal(t)">
   <i class="fa fa-trash" aria-hidden="true"></i>
  </a>
</td>

CTRL:

  $scope.deleteIten = function (itemName) {
    $scope.deleting = true;
    $scope.hideTrashIcon = false;

    requestAPI.deleteItem(itemName).then(function success(res) {
      $scope.deleting = false;
      $scope.hideTrashIcon = true;
      $('#delete-modal').modal('hide');
      var dItem = _.findIndex($scope.items, function(i) { return i.itemName == itemName });
      $scope.items[dItem].isMarkedForDeletion = true;
    }, function error(res) {
      $scope.deleting = false;
      $scope.hideTrashIcon = false;
      $('#delete-modal').modal('hide');      
    })
  };

显然，我在给酒店打电话时搞砸了。我以某种方式需要将 itemName 传递给 hideTrashIcon。任何人都可以帮忙吗？？？？提前致谢..

Answer 1

所以，回答我自己的问题。对于 hideTrashIcon，我没有使用另一个标签，而是使用了这个:

ng-if="!t.isMarkedForDeletion"

我还将它放在一个跨度中，以避免表格中的行消失。