为 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..!');            
        });

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

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

Answer 1

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

$scope.form.$setPristine();