Angularjs 鼠标悬停以ng重复显示图像

HTML:

---

我写了一个函数在鼠标上方显示图像。但问题是，如果我有4个

{{hoverTitle}

，四次出现悬停图像div，我需要每个索引的悬停图像，而且我希望它正好位于

$scope.hiverTitle

的顶部。任何例子或解决方案都会对我有更好的帮助。

您能把问题打得更清楚吗？您能把问题打得更清楚吗？

<ul>
  <li ng-repeat="image in files | filter :'image'">
    <div class="file-tag-baloon1" ng-mouseover="hoverImg(image.id)" ng-mouseleave="hoverOut()">
      <span style="width: 200px;">
        <a ng-show="hideHoveredImage==false;" class="hover-title">{{hoverTitle}}
          <img class="hover-image" src="{{hoveredImage}}">
        </a>
      </span>
    </div>
  </li>
</ul>

$scope.hoverOut = function () {
  $scope.hideHoveredImage = true;
  $scope.hoveredImage = "";
}
$scope.hoverImg = function (id) {
  $scope.hoveredImage = FileService.getFile(json, id);
}