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!
Try not to do it ng-init
, initialize it in the controller
Put ng-show
改成 ng-if
3. 如果還是不行,用 ng-class
to control and try again