angulaire.js - les étiquettes angulaires continuent de clignoter lors du survol avec la souris

Question

Lorsque j'écrivais un événement de survol de la souris à l'aide d'angularjs, j'ai constaté que l'étiquette continuait de clignoter lorsque la souris était enfoncée. Le code angulaire est le suivant :

.

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

Y a-t-il un problème avec ce code ?

L'effet à obtenir est que lorsque la souris survole l'étiquette de connexion réussie, l'étiquette d'accès à la page d'accueil apparaîtra. S'il vous plaît, donnez-moi quelques conseils si vous voyez le problème, merci beaucoup !

Answer 1

Écrivez ng-mouseleave dans le p sur la page d'accueil et essayez-le.

Answer 2

1. Essayez de ne pas utiliser ng-init, mais initialisez-le dans le contrôleurng-init，在 controller 里面初始化

2. 把 ng-show 改成 ng-if
   3. 如果还是不行，用 ng-class

Remplacez ng-show par ng-if
3 Si cela ne fonctionne toujours pas, utilisez ng-class pour contrôler Réessayez

🎜🎜 🎜

Answer 3

Écrivez simplement ng-mouseleave dans p.