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

问题描述

我在用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>

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

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

问题解答

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

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

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

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