2016-08-11 17 views
0

画像が上に乗ったときにファイルの名前を表示したい。これはng-mouseoverの現在のコードですが、動作しません。私は間違っていますか? NGリピートの孤立範囲についてng-mouseoverとng-showが動作しない

<div class="row" ng-init="IconTooltip=false"> 
    <p ng-show="IconTooltip">file: {{kus.text | specialCharClean}}</p> 
    <a ng-repeat="kus in tl_kus" ng-mouseover="IconTooltip=true" ng-mouseleave="IconTooltip=false" ui-sref="app.feedkus({kus:(kus.text|ampToDash)})"> 
     <img class="img-responsive" src="../images/kusegory-icons/{{kus.text | specialCharClean}}.png" width="30"> 
    </a> 
</div> 
+0

あなたが段落のkusにアクセスできないことは確かですが、それはng-repeatの外にある場合です。 –

+0

ああ!それではどうしたらいいですか?テストのために、 '{{kus.text | specialCharClean}} 'は動作しません。少なくとも 'file:'が表示されるはずです。 –

答えて

1

:その孤立範囲外のものを取得し、上の表示のDirective isolate scope with ng-repeat scope in AngularJS

例はホバーhttps://plnkr.co/edit/fquwzjmIKGKUzgnfvkSA?p=preview

<ul> 
    <li ng-repeat="item in main.items" ng-mouseover="main.showText=true;main.selectedItem = item" ng-mouseleave="main.showText=false;main.selectedItem={}">{{item.text}}</li> 
</ul> 

<p ng-show="main.showText">Hovering over {{main.selectedItem.id}}</p> 
+0

編集: グローバルスコープで変数を宣言し、それをfalseに設定した後、ng-repeatでホバリング時にtrue =>に設定すると、隔離された変数にのみ影響します。 https://plnkr.co/edit/P7Tr7T5k9pHhtYGquJ6g?p=preview –

+0

あなたの例で自分のコードを動作させようとしています。 –

+0

あなたが立ち往生したら、助けになる準備ができました。 –

0

私は別のアプローチを使用して終了となりましたそれは働いている。みんなありがとう。

関連する問題