javascript - ng-mouseover 和 ng-show 不起作用

Question

我想在图像悬停时显示文件的名称。这是 ng-mouseover 的当前代码，但它不起作用。我到底出了什么问题？

<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>

Answer 1

关于 ng-repeat 的隔离范围: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>