AngularJS:表单输入更改上的启用按钮
AngularJS:表单输入更改上的启用按钮
提问于 2014-09-19 07:35:26
我有一个应用程序在很长的表单页面中有很多设置。您需要转到页面以查看当前设置或更新它们。
我想让“更新”按钮只有在有人实际更改当前输入的情况下才被启用。
我的简单方法是为每个设置enableButton标志的输入添加一个ng-change属性
<form name='form' ng-submit="submit()">
<input type="sometype" ng-model='something1' ng-change="formChanged=true"></input>
...
<input ng-model='somethingN' ng-change="formChanged=true"></input>
<button ng-disabled="!formChanged" type="submit" />
</form>但这似乎很乏味和重复(我们有很多选择)，并且希望有一些简单的东西(比如“form.$hasChanged”……)
回答 1
Stack Overflow用户
回答已采纳
发布于 2014-09-19 07:47:03
应该在表单控制器对象上使用angular built in $dirty属性，而不是设置表单输入的标志n更改。它告诉用户是否与表单的元素进行了交互。
<form name='form' ng-submit="submit()">
<input name="some1" type="sometype" ng-model='something1' ></input>
...
<input name="some2" ng-model='somethingN' ></input>
<button ng-disabled="!form.$dirty" type="submit" />
</form>使用$pristine标志，您可以
<button ng-disabled="form.$pristine" type="submit" />同样，如果表单上有验证器，您也可以利用$valid属性，例如，如果表单无效或原始，则禁用该按钮
<button ng-disabled="form.$pristine|| form.$invalid" type="submit" />页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/25924103
复制相关文章
相似问题