javascript - 未捕获的类型错误 : $scope. mvp.$setUntouched 不是函数 angularjs 1.4

Question

我在尝试从我的表单中删除 ngTouch 类时遇到以下错误。这个错误清楚地反射(reflect)了我正在使用已经具有此功能的angularjs1.4。但是我仍然收到此错误

$scope.mvp.$setUntouched()
VM3202:1 Uncaught TypeError: $scope.mvp.$setUntouched is not a function
    at n.eval (eval at evaluate (unknown source), <anonymous>:1:12)
    at Object.InjectedScript._evaluateOn (<anonymous>:895:55)
    at Object.InjectedScript._evaluateAndWrap (<anonymous>:828:34)
    at Object.InjectedScript.evaluateOnCallFrame (<anonymous>:954:21)
    at n.$scope.resetPerson (http://localhost:55607/app/controller/personController.js:20:19)
    at fn (eval at <anonymous> (https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular.min.js:212:83), <anonymous>:2:224)
    at http://localhost:55607/Scripts/angular-touch.min.js:12:197
    at n.$get.n.$eval (https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular.min.js:134:493)
    at n.$get.n.$apply (https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular.min.js:135:217)
    at HTMLButtonElement.<anonymous> (http://localhost:55607/Scripts/angular-touch.min.js:12:179)

这是我的 CSS

input.ng-invalid.ng-touched.ng-pristine {
    border-color: #FA787E;
    box-shadow: 0 0 10px #FA787E;
  }

input.ng-valid.ng-touched {
    border-color: #78FA89;
    box-shadow: 0 0 10px #78FA89;
}

Controller 重置方法

$scope.resetPerson = function () {
            angular.copy({}, mvp);
            $scope.init();
            $scope.mvp.$setPristine();
            $scope.mvp.$setUntouched();
        }

表单定义

<form novalidate name="mvp" class="form-horizontal" role="form">

这是我定义的 css 问题吗？

编辑

我能够让它工作。问题出在我在 Controller 中的重置方法中。

$scope.resetPerson = function () {
            angular.copy({}, $scope.person); //this fixed the issue
            $scope.init();
            $scope.mvp.$setPristine();
            $scope.mvp.$setUntouched();
        }

我的模型是 $scope.person，我设置的是 angular.copy({}, mvp);，这意味着我设置的是 form mvp = {}。但是我不明白为什么会出现错误 $setUntouched is not a function

Answer 1

问题是您的表单没有按名称发送到您的 Angular 函数。

 $scope.master = {};
 $scope.reset = function(mvp) {
    if (mvp) {
       mvp.$setPristine();
       mvp.$setUntouched();
    }
       $scope.person = angular.copy($scope.master);
 };

我试着用一个问题来回答你的问题。它没有成功(:这个应该......让我知道

它是未定义的，因为您将表单设置为具有副本的对象，而 setUntouched 是表单 Controller 而不是对象 Controller