Angularjs 隐藏图像来源于角度方向上的ng重复

问题很简单，但我无法隐藏图像。这是代码

我从数据库中获取图像细节，并以网格格式显示它们。这是代码。

我想隐藏相应的图像。可能有多个图像，但图像id不同。所以，我想要的是当用户点击它将隐藏的任何图像时

请告诉我如何做。

首先不要使用getElementById。在angular中，您可以简单地绑定$scope变量

具有要显示/隐藏的图像对象的变量。当你需要显示/不显示时，将其设置为真或假

单击可将变量设置为false。将变量绑定到元素，以便在必要时隐藏

<div ng-if="img.show">
 <img src="" class="img-responsive " data-id="{{pid[$index]}}" id="{{pid[$index]}}" ng-src="{{thumb[$index]}}" style="min-height:50px;height:50px;">
    </a>
</div>

把我藏起来

---

您可以将ng click与$event一起使用

<div ng-app="app" ng-controller="Ctrl">
  <a href="#" ng-click="removeMe($event)">Click me</a>
</div>

app.controller("Ctrl", function($scope) {
  $scope.removeMe = function(event) {
    event.toElement.remove()
  };
});

---

谢谢你的回答，但是我需要在函数中添加什么呢？我正在学习角度。很抱歉问了一些愚蠢的问题。投票通过了。@CalculatingMachine检查演示，我在点击按钮时添加了一个函数

<div ng-if="img.show">
 <img src="" class="img-responsive " data-id="{{pid[$index]}}" id="{{pid[$index]}}" ng-src="{{thumb[$index]}}" style="min-height:50px;height:50px;">
    </a>
</div>

<div ng-app="app" ng-controller="Ctrl">
  <a href="#" ng-click="removeMe($event)">Click me</a>
</div>

app.controller("Ctrl", function($scope) {
  $scope.removeMe = function(event) {
    event.toElement.remove()
  };
});