angular.js - label angularjs terus berkelip apabila melayang dengan tetikus

Question

Semasa saya menulis acara tuding tetikus menggunakan angularjs, saya mendapati bahawa label terus berkelip apabila tetikus ditekan Kod sudut adalah seperti berikut:

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

Adakah terdapat apa-apa yang salah dengan kod ini?

Kesan yang perlu dicapai ialah apabila tetikus melayang di atas label log masuk yang berjaya, label masukkan halaman utama akan muncul. Sila berikan saya beberapa petunjuk jika anda melihat masalahnya, terima kasih banyak!

Answer 1

Tulis ng-mouseleave dalam p di laman utama dan cuba.

Answer 2

1. Cuba jangan gunakan ng-init, tetapi mulakan dalam pengawalng-init，在 controller 里面初始化

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

Tukar ng-show kepada ng-if
3 Jika masih tidak berfungsi, gunakan ng-class untuk mengawal Cuba lagi

🎜🎜 🎜

Answer 3

Hanya tulis ng-mouseleave ke dalam p.