我有一个表单,我们称它为myForm
,类似于:
<form name="myForm" class="vertical grid-block shrink" ng-init="initSearch()" ng-submit="doSearch(myForm.$valid)" novalidate>
还有三个输入字段:一个保留详细信息,第二个是开始日期,第三个是结束日期。
字段看起来像这样:
<input id="details" type="text" ng-model="myObject.details" placeholder="DETAILS_PLACEHOLDER">
<input id="from" class="uppercase" type="text" name="from" placeholder="{{datePlaceHolder}}" ng-model="myObject.from" required/>
<input id="until" class="uppercase" type="text" name="until" placeholder="{{datePlaceHolder}}" ng-model="myObject.until"/>
我想显示一个基于表单字段的按钮。如果表单域没有改变,按钮应该被隐藏。
我尝试使用 $dirty
但问题是 $dirty
仍然是 true
即使用户输入详细信息然后删除文本。
有人对此有任何解决方案吗?
即使我从另一个可能有另一个 Controller 的页面返回表单,该解决方案也必须有效。
感谢任何帮助。谢谢
最佳答案
这应该可以解决这个问题。它检查 $pristine,即未触及的。
<button ng-show="myForm.$pristine"></button>
关于javascript - 检查表单输入字段是否没有改变,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41260217/