同前端联调过程中遇到的坑

最近在和前端联调的过程中，发现有个数据他们老是传不到后台，于是在网上查了一下资料后发现原来是disable属性在作乱，更改后解决问题，记录下来备忘。

 

参考：http://www.3lian.com/edu/2013/06-22/75978.html

 

1、<inputtype="text" name="name" value="xxx"disabled="true"/>

2、<input type="text"name="name" value="xxx" readonly="true"/>

 

这两种写法都会使显示出来的文本框不能输入文字，

 

但disabled会使文本框变灰，而且通过request.getParameter("name")得不到文本框中的内容（如果有的话），

 

而readonly只是使文本框不能输入，外观没有变化，而且通过request.getParameter("name")可以得到内容。

 

除开上边的问题之外，也因为ng-if和ng-show的问题纠结了好久，参考以下内容成功协助他们解决问题。

参考：http://www.bubuko.com/infodetail-1125166.html

ng-if指令可以完全根据表达式的值在DOM中生成或移除一个元素。

如果赋值给ng-if的表达式的值是false，那对应的元素将会从DOM中移除，否则对应元素的一个克隆将被重新插入DOM中。

ng-if同no-show和ng-hide指令最本质的区别是，它不是通过CSS显示或隐藏DOM节点，是真正生成或移除节点。

当一个元素被ng-if从DOM中移除，同它关联的作用域也会被销毁。而且当它重新加入DOM中时，会通过原型继承从它的父作用域生成一个新的作用域。

同时有一个重要的细节需要知道，ngIf重新创建元素时用的是它们编译后的状态。如果ng-if内部的代码加载之后被jQuery修改过（例如用.addClass），那么当ng-if的表达式值为false时，这个DOM元素会被移除，表达式再次成为true时这个元素及其内部的子元素会被重新插入DOM，此时这些元素的状态会是它们的原始状态，而不是它们上次被移除时的状态。也就是说无论用jQuery的.addClass添加了什么类都不会存在了。

ngshow只是起到显示和隐藏的效果，通过css，只是视觉效果，与元素实际存在与否无关。