我想根据鼠标悬停在不同的按钮上相应地显示数据

Question

我有json格式的数据。 通过在angularjs中使用ng repeat，如果导航栏中的特定按钮悬停，则必须显示该细节。

请帮帮我。

Answer 1

如果您使用ng-repeat执行某些操作，则可以为重复的实例分配特定的操作，例如

HTML

<div ng-repeat="player in PlayerList">
  <!--do this -->
  <button ng-mouseover="DisplayThisPlayer($index)">Display</button>
  <!--or this -->
  <button ng-mouseover="DisplayThisPlayer(player)">Display</button>
  <!--or this -->
  <button ng-mouseover="DataToDisplay = player">Display</button>
</div>

JS

$scope.DisplayThisPlayer = function ([index or player]) {
  $scope.DataToDisplay = $scope.PlayerList[$index]
  $scope.DataToDisplay = player
}