Angular JS禁用/启用编辑表单onchange的提交按钮答案

【问题标题】：Angular JS disabled/enable submit button for edit form onchangeAngular JS禁用/启用编辑表单onchange的提交按钮
【发布时间】：2017-12-19 00:41:23
【问题描述】：

我正在制作一个有编辑表单的应用程序。我禁用了保存按钮开始，然后当在表单中输入内容时，该按钮被启用（使用 $dirty 执行此操作）。

问题是一旦表单被“保存”（实际上是向数据库提交信息），按钮就不会再被禁用。

<button ng-click="saveThis(item)" ng-disabled="!formy_edit.$dirty" id="save_button">Save</button>

我尝试在提交表单时禁用它，如下所示：

 <button ng-click="saveThis(item)" ng-disabled="!formy_edit.$dirty || formy_edit.$submitted">Save</button>

但是由于表单已经提交，所以禁用-启用功能只能工作 1 次。

可以使用一些帮助/指导，谢谢！！

【问题讨论】：

【解决方案1】：

不要使用 $dirty 和 $submitted，试试这个：

ng-disabled="!(!!user.name && !!user.email)"

【讨论】：

【解决方案2】：

您应该在提交后将表单设置为原始。试试这个：

 $scope.saveThis= function(item,form) { //name of form
  $http.post('..').then(function(){
form.$setPristine();   
})
}

【讨论】：