angular.js - 一個Angularjs的坑

Question

情景一：

 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
 }

第一次載入頁面的時候 執行getData函沒問題
返回後再次進來 代碼1，2都執行了,可是2個p都顯示了,也就是代碼沒起作用；

情景二：

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

這樣就ok了！

求教大神解釋下為什麼會這樣？ ！

Answer 1

情景一裡程式碼1、2執行的時候頁面還沒載入那兩個dom，然後快取了兩個空的dom對象，執行getData的時候自然就沒有值了，而且，你這個問題和angularjs沒有關係啊，用ng還需要像你這樣寫嗎？

Answer 2

首先就是遇到問題的時候自己打斷點查看一下是什麼原因引起的
然後就是對樣式的改變使用class進行改變而不是斷斷續續的重繪
最後就是具體問題具體環境包括你的加載方式函數的執行環境