角度NG-マウスオーバー更新$スコープ変数

Question

私は（画像や関連するキャプションのリストを）データを取得するJSON呼び出しを使用して、以下のようにngのリピートを使用してそれを表示しています：

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

私がしたいです文字列値として解釈され、「{{X.TXT}}」ので、このコードは動作しない

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

：ときに、各画像上Iマウスこのようなものを使用して、$ス​​コープ変数を設定しますtxt $ scope変数の値は毎回 '{{x.txt}}'に設定されます...

イメージの上にマウスを置いてこの変数を設定するにはどうすればよいですか？

多くのご意見ありがとうございます。

Answer 1

まずは$scopeをHTMLの中に書くことはできません。

代わりng-mouseover='$scope.txt = "{{ x.txt }}")'

のようなものでなければなりません書くこと：あなたがng-repeat

を使用するので、それはまた、動作しませんしかし

ng-mouseover='txt=x.txt' 

だから、最終的な解決策は$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