javascript - 为 ng-form 手动将 $dirty 设置为 false

Question

我有一个像这样的 ng-form :-

<div class="col-sm-4" ng-form="basicinformationform" data-ng-init="getData('basicinformation')">
      <button class="btn-small" ng-click="updateData('basicinformation')" ng-show="basicinformationform.$dirty">Update</button>
      <div>
            <input type="text" class="form-control" id="basicfirstname" ng-model="data.basicinformation[0].firstname"
                    required />
            ...............
      </div>
</div>

代码:-

 $scope.updateData = function (category) {
            switch (category) {
                case 'basicinformation':
                    $scope.categorynewdata = $scope.data.basicinformation[0];
                    break;
            Users.updateData().save(query).$promise.then(function (data) {
                    alert('Data updated successfully..!');            
        });

当我更改表单中的某些数据时，会出现更新按钮，并且当用户单击该按钮时，数据将被保存。我想在单击此 btn 时隐藏它，并且当用户更改输入字段时 btn 应该再次出现。

我成功用jquery隐藏了它。但当它隐藏时，它就不会再回来了。

Answer 1

Angular 支持 $setPristine() 重置表单:

$scope.form.$setPristine();