AngularJS 1.3：隐藏再显示div后ng-model绑定UI组件值丢失问题咨询

一、表单控件值丢失的核心原因 #

咱们把这个问题拆解开来看：

1. DOM操作未触发Angular变更检测：你用的是原生方式（而非Angular自带的ng-show/ng-hide）来切换div的显示隐藏，这种操作不会触发Angular的digest循环。当你重新显示div时，控件的DOM状态没法自动和$scope里的数据同步——哪怕$scope还保留着值，控件也不会主动去读取。
2. 自定义指令的潜在影响：你的input上有datepopup这个自定义指令，还有ng-disabled="true"。很可能在div被隐藏再显示的过程中，这个指令的初始化逻辑（比如重置日期选择器、清空控件值）被重新执行了，但它没有正确从$scope.dataCopy.issueDate读取现有值，反而把控件的value给清空了。
3. ASP.NET母版页的特殊处理：ASP.NET母版页的DOM结构和表单处理机制可能有特殊逻辑，当div被隐藏时，浏览器或ASP.NET的视图状态处理可能意外重置了表单控件的值——毕竟$scope是内存中的数据，不受DOM状态影响，所以它的值能保留下来。

二、为什么span的ng-bind没这个问题？ #

这完全是因为ng-bind和ng-model的工作机制天差地别：

• ng-bind是单向绑定，它只负责把$scope里的数据渲染到元素的文本内容里。只要Angular的digest循环运行（哪怕是其他操作触发的），它就会自动检查$scope的值，然后更新span的内容。
• span不是表单控件，它没有value属性，也不会被表单的任何机制影响。它的内容完全由Angular掌控，不管元素是否被隐藏，只要$scope里有值，digest循环一跑，值就会被渲染出来，自然不会丢失。

小建议（帮你解决问题） #

如果要搞定这个问题，可以试试这几个方向：

• 把原生的显示隐藏操作换成Angular的ng-show或ng-if，这样Angular会自动触发变更检测，保证控件值和$scope同步。
• 检查datepopup指令的逻辑，确保在元素初始化（包括重新显示时）会从ng-model绑定的变量里读取值，而不是盲目重置。
• 如果必须用原生操作，在显示div后手动触发digest循环：比如调用$scope.$apply()，或者用$timeout()来强制同步。

内容的提问来源于stack exchange，提问作者Pandiarajan