angular.js - Perangkap Angularjs

Question

Senario 1:

 var p_NormalStatus = document.getElementById("NormalStatus");//p1
 var p_LockStatus = document.getElementById("LockStatus");//p2

 function getData(){  
    p_NormalStatus.style.display = "none";//1
    p_LockStatus.style.display = "block";//2
 }

Apabila halaman dimuatkan buat kali pertama, tiada masalah dalam melaksanakan fungsi getData
Selepas kembali, kod 1 dan 2 dilaksanakan, tetapi kedua-dua p dipaparkan, yang bermaksud kod tidak berfungsi;

Senario 2:

 function getData(){  
    document.getElementById("NormalStatus").style.display = "none";//1
    document.getElementById("LockStatus").style.display = "block";//2
 }

Baiklah!

Bolehkah anda jelaskan mengapa ini berlaku? !

Answer 1

Apabila kod 1 dan 2 dalam senario 1 dilaksanakan, halaman tersebut belum memuatkan dua DOM, dan kemudian menyimpan dua objek DOM kosong Secara semulajadi, tidak akan ada nilai apabila melaksanakan getData Selain itu, masalah anda tiada kaitan dengan angularjs Tidak mengapa, adakah saya masih perlu menulis seperti yang anda lakukan semasa menggunakan ng?

Answer 2

Pertama sekali, apabila anda menghadapi masalah, ganggu dan semak apa yang menyebabkannya
Kemudian, gunakan kelas untuk menukar gaya dan bukannya melukis semula secara berselang-seli
Akhir sekali, masalah khusus dan persekitaran khusus termasuk pelaksanaan persekitaran fungsi kaedah pemuatan anda