angular.js - angularjs 使用滑鼠懸停時，標籤一直閃

Question

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

請問一下這段程式碼有什麼問題嗎?

要實現的效果就是滑鼠懸停到登入成功的標籤時，出現進入主頁標籤。 麻煩看出問題的給指點一下，多謝了哈！

Answer 1

把 ng-mouseleave 寫在進入首頁這個 p 試試。

Answer 2

1. 試試不要 ng-init，在 controller 裡面初始化

2. 把 ng-show 改成 ng-if
   3. 如果还是不行，用 ng-class 來控制再試試

Answer 3

把ng-mouseleave 寫進p就可以了。