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 では、コード 1 と 2 が実行されると、ページは 2 つの DOM オブジェクトをロードしておらず、getData を実行するときに当然、値はありません。 angularjs を使用する場合、ng を使用する場合と同じように記述する必要がありますか?

Answer 2

最初に、問題が発生したときに中断して原因を確認します
次に、断続的に再描画するのではなく、クラスを使用してスタイルを変更します
最後に、特定の問題と、ロードメソッド関数の実行環境を含む特定の環境です