Uncaught TypeError: $ scope.mvp. $ SetUntouched nie jest funkcją angularjs 1.4 - javascript, css, angularjs

Otrzymuję następujący błąd podczas próby usunięcia klas ngTouch z mojego formularza. Ten błąd wyraźnie odzwierciedla to, z czego korzystam angularjs1.4 który ma już tę funkcję. Nadal jednak otrzymuję ten błąd

$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)

Oto mój 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;
}

Metoda resetowania sterownika

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

Definicja formularza

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

Czy to kwestia css, tak jak ja to zdefiniowałem?

EDYTOWAĆ

Udało mi się to sprawić. Problem był w mojej metodzie resetowania w kontrolerze.

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

Mój model był $scope.person a ja ustawiałem angular.copy({}, mvp); zamiast tego oznacza, że ​​ustawiłem formularz mvp = {}. Jednak nie rozumiałem, dlaczego otrzymałem błąd $ setUntouched nie jest funkcją

Odpowiedzi:

1 dla odpowiedzi № 1

Problem polega na tym, że Twój formularz nie jest wysyłany do twojej funkcji kątowej przez jego nazwę.

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

Próbowałem odpowiedzieć na twoje pytanie pytaniem. To nie wyszło (: Ten powinien ... daj mi znać

Było niezdefiniowane, ponieważ ustawiłeś swój formularz na obiekt z kopią, a setUntouched jest kontrolerem formularza, a nie kontrolerem obj

---