angular.js - 一个Angularjs的坑

问题描述

情景一：

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

求教大神解释下为什么会这样？！

问题解答

情景一里代码1、2执行的时候页面还没加载那两个dom，然后缓存了两个空的dom对象，执行getData的时候自然就没有值了，而且，你这个问题和angularjs没有关系啊，用ng还需要像你这样写吗？

首先就是遇到问题的时候 自己打断点查看一下 是什么原因引起的 然后就是对样式的改变 使用class进行改变 而不是断断续续的重绘最后就是具体问题具体环境 包括你的加载方式 函数的执行环境