Angular JS禁用/启用提交按钮以编辑表单onchange

时间:2017-07-14 03:23:24

标签: javascript html angularjs forms

我正在制作一个应用程序,我有一个编辑表单。我已禁用保存按钮启动,然后当在表单中输入内容时,按钮被启用(使用$ 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次。

可以使用一些帮助/指导,谢谢!!

2 个答案:

答案 0 :(得分:0)

提交后,你应该保持原状。试试这个:

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

答案 1 :(得分:0)

而不是$ dirty和$ submitted,请尝试一下:

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

查看此示例:https://plnkr.co/edit/59mvzN2RwNmb1yDOCskv?p=preview