angular.js - angularjs 使用鼠标悬停时，标签一直闪

Question

我在用angularjs写一个鼠标悬停事件的时候发现鼠标时标签一直闪， angular代码如下：

<p ng-init="show=true" class="carousel-caption alert alert-success login-status">
     <label ng-show="show" ng-mouseenter="show=false" ng-mouseleave="show=true">
           登录成功
     </label>
     <p ng-show="!show">
          进入主页
     </p>
 </p>
 

请问一下这段代码有什么问题吗?

要实现的效果就是鼠标悬停到登录成功的标签时，出现进入主页标签。 麻烦看出问题的给指点一下，多谢了哈！

Answer 1

把 ng-mouseleave 写在进入主页这个 p 试试。

Answer 2

1. 试试不要 ng-init，在 controller 里面初始化

2. 把 ng-show 改成 ng-if
   3. 如果还是不行，用 ng-class 来控制再试试

Answer 3

把ng-mouseleave 写进p就可以了。