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

Lorsque les codes 1 et 2 du scénario 1 sont exécutés, la page n'a pas chargé les deux DOM, puis a mis en cache deux objets DOM vides. Naturellement, il n'y aura aucune valeur lors de l'exécution de getData. De plus, votre problème n'a rien à voir. avec angulairejs. Cela n'a pas d'importance, dois-je toujours écrire comme vous le faites lorsque vous utilisez ng ?

Answer 2

Tout d'abord, lorsque vous rencontrez un problème, interrompez et vérifiez quelle en est la cause
Ensuite, utilisez des classes pour changer le style au lieu de redessiner par intermittence
Enfin, le problème spécifique et l'environnement spécifique incluent L'exécution environnement de votre fonction de méthode de chargement