角NG-鼠标悬停更新$范围变量

Question

我得到的数据使用JSON调用（图像和相关标题的列表），并采用NG-重复如下显示它：

<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}}”被解释为一个字符串，其值的txt $ scope变量每次都设置为'{{x.txt}}'...

如何将鼠标悬停在图像上时设置此变量？

非常感谢您的建议！

Answer 1

首先，您不能在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 }}'/> 

Demo Plunker 1

---

或者你可以拨打ng-mouseover一些方法：

<img ng-mouseover="foo(x.txt)" src='{{ x.img }}' alt='{{ x.txt }}'/> 

和：

$scope.foo = function(txt){ 
    $scope.txt = txt; 
}; 

Demo Plunker 2