angular.js - angularjs 使用鼠标悬停时,标签一直闪
巴扎黑
巴扎黑 2017-05-15 17:07:12
0
3
662

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

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

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

巴扎黑
巴扎黑

全部回复(3)
刘奇

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

黄舟
  1. 试试不要 ng-init,在 controller 里面初始化

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

習慣沉默

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板