Javascript AngularJs：使用ng click两次单击时显示元素

假设我想在单击image1时显示image2，那么如何在angularjs中实现这一点。我已经尝试使用ng click两次，但都不起作用

<div class="image-container" ng-if="item.image_url != ''">
  <img ng-src="{{API_URL+item.image_url}}"
      ng-click="templatesCtrl.showPrediction1($event,item1)"
      ng-click="templatesCtrl.showPrediction2($event,item2)"
      alt="cax-image">

  <div class="show-me" style="display: none;">
      <img ng-src="{{API_URL+item.image_url}}" />
  </div> 

---

这里我使用了两个函数来进行ng单击

同一项目上不能有两个单击事件。您可以添加一个切换来显示和隐藏图像，如下所示

HTML

<div class="image-container" ng-if="item.image_url != ''">
         <img ng-src="{{API_URL+item.image_url}}" 
            ng-click="showPrediction1()" alt="cax-image">
   <div ng-if="showImage">
     <img ng-src="{{API_URL+item.image_url}}" />
   </div>
</div>  

---

您可以简单地使用ng show和ng hide

检查我的代码

var-app=angular.module（'myApp'，[]）；
app.controller（'customersCtrl'，function（）{
var self=这个；
self.show_img1=假；
self.changeImg=功能（ev）{
self.show\u img1=！self.show\u img1；
}
});
img{
宽度：50%；
身高：50%；
}

图1
图2
你能试试这个吗：ng click=“templatesctr.showPrediction1（$event，item1）；templatesctr.showPrediction2（$event，item2）”是的，它能工作@艾哈迈塔马斯亚尔
$scope.showImage = false;

$scope.showPrediction1 = function(){
   $scope.showImage = !$scope.showImage
}