search

Home  >  Q&A  >  body text

angular.js - angularjs labels keep flashing when hovering with the mouse

When I was writing a mouse hover event using angularjs, I found that the label kept flashing when the mouse was pressed. The angular code is as follows:

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

Is there anything wrong with this code?

The effect to be achieved is that when the mouse hovers over the label of successful login, the enter home page label will appear. Please give me some pointers if you see the problem, thank you very much!

巴扎黑巴扎黑2782 days ago689

reply all(3)I'll reply

  • 怪我咯

    怪我咯2017-05-15 17:09:12

    Write ng-mouseleave in the p on the homepage and try it.

    reply
    0
  • 黄舟

    黄舟2017-05-15 17:09:12

    1. Try not to do it ng-init, initialize it in the controller

    2. Put ng-show 改成 ng-if
      3. 如果还是不行,用 ng-class to control and try again

    reply
    0
  • 習慣沉默

    習慣沉默2017-05-15 17:09:12

    Just write ng-mouseleave into p.

    reply
    0
  • Cancelreply