有没有办法重置Angular中的$触摸？

Question

我正在尝试为表单实现“重置”按钮。我的一些文本字段使用$ touch来确定是否显示错误。但是一旦设置了$ touch标志，当我重置模型时，$ touch不会被重置，因此我的错误消息仍然可见。

<div class="col-sm-4" ng-class="{'has-error' : donationForm.firstName.$invalid && donationForm.firstName.$touched}">
                <label for="firstName" class="control-label">First Name</label>
                <input type="text" id="firstName" name="firstName" class="form-control"
                       ng-model="editableDonation.person.firstName" ng-required="true" ng-maxlength="20" />
                <span class="help-block" ng-show="donationForm.firstName.$error.required && donationForm.firstName.$touched">
                    First Name is required.
                </span>
                <span class="help-block" ng-show="donationForm.firstName.$error.maxlength">
                    First Name is too long (20 max).
                </span>
            </div>

有办法吗？

我的resetForm：

$scope.resetForm = function () {
        $scope.donationForm.$setPristine();
        $scope.model = '';

        $scope.donation = donationService.defaultDonation;
        $scope.editableDonation = angular.copy($scope.donation);
    };

http://plnkr.co/edit/Oa91ZkTatsddSA4oujQK

Answer 1

DeborahK89通过指出我可以使用：

来帮助我

$ $ scope.donationForm setUntouched（）;