Angularjs Angular ng鼠标悬停更新$scope变量

我使用JSON调用获取数据（图像和相关标题的列表），并使用ng repeat显示数据，如下所示：

<div ng-repeat="x in records">
    <img  src='images/{{ x.img }}' alt='{{ x.txt }}'/>
</div>

我想在将鼠标移到每个图像上时设置$scope变量，如下所示：

<div ng-repeat="x in records">
    <img  ng-mouseover='$scope.txt = "{{ x.txt }}")' src='images/{{ x.img }}'  alt='{{ x.txt }}'/>
</div>

这段代码不起作用，因为“{x.txt}}”被解释为字符串，并且每次

当我将鼠标移到图像上时，如何设置此变量

---

非常感谢你的建议

首先，您不能在HTML中编写

$scope

而是编写

ng mouseover='$scope.txt=“{{x.txt}”）'

应该是这样的：

ng-mouseover='txt=x.txt'

但是，由于使用了

ng repeat

因此，最终的解决方案是使用

$parent

<img  ng-mouseover="$parent.txt = x.txt" ng-init="txt=''" src='{{ x.img }}'  alt='{{ x.txt }}'/>

以及：

---

首先，您不能在HTML中编写

$scope

而是编写

ng mouseover='$scope.txt=“{{x.txt}”）'

应该是这样的：

ng-mouseover='txt=x.txt'

但是，由于使用了

ng repeat

因此，最终的解决方案是使用

$parent

<img  ng-mouseover="$parent.txt = x.txt" ng-init="txt=''" src='{{ x.img }}'  alt='{{ x.txt }}'/>

以及：

---

$scope.txt=x.txt

应该可以。。。。。另外，您可能需要使用

ngsrc

。谢谢，这很有效！ng src似乎没有必要…

$scope.txt=x.txt

应该可以。。。。。另外，您可能需要使用

ngsrc

。谢谢，这很有效！ng src似乎没有必要…正如您所建议的，我实际使用它的方式是使用函数。我有：

和以下函数：

$scope.popOver=function（$event，txt）{$scope.popTxt=txt；var offset=20；var l=event.pageX+offset+“px”；var t=event.pageY+offset+“px”；$scope.stylepover={“position”：“绝对”，“左”：l，“顶部”：t，“宽度”：“100px”，“高度”：“100px”，“背景色”：“珊瑚色”，“z-index”：“1000”}

正如您所建议的，我实际使用它的方式是使用函数。我有：

和以下函数：

$scope.popOver=function（$event，txt）{$scope.popTxt=txt；var offset=20；var l=event.pageX+offset+“px”；var t=event.pageY+offset+“px”；$scope.stylepover={“position”：”绝对，“左”：l，“顶”：t，“宽”：“100px”，“高”：“100px”，“背景色”：“珊瑚色”，“z指数”：“1000”}