Hình thức trống AngularJs và loại bỏ trạng thái không hợp lệ khỏi các đầu vào

Question

Tôi đang sử dụng biểu mẫu để thêm các phần tử vào danh sách được hiển thị ở bên cạnh biểu mẫu. Markup là:

<form name="thingForm"> 
     <input required type="text" ng-model="thing.name"/> 
     <input required type="text" ng-model="thing.value"/> 
     <input type="submit" ng-click="addThing(thing)"/> 
    </form> 
    <ul> 
     <li ng-repeat="thing in things">{{thing.name}} with value of {{thing.value}}</li> 
    </ul> 

Và trong một bộ điều khiển tôi có:

$scope.things = []; 
$scope.addThing = function(thing) { 
    $scope.things.push(thing); 
    $scope.thing = {}; 
}; 

Làm việc jsfiddle: http://jsfiddle.net/cXU2H/1/

Bây giờ như bạn có thể nhìn thấy, tôi có thể làm rỗng các hình thức bằng cách làm sạch các mô hình, tuy nhiên vì các đầu vào có thẻ bắt buộc nên trình duyệt vẫn hiển thị thông báo lỗi (ít nhất là Chrome).

tôi nhìn vào câu hỏi tương tự và:

• Tôi cũng đã xem xét câu trả lời này: https://stackoverflow.com/a/16296941/545925 tuy nhiên jsfiddle cư xử giống hệt như trong ví dụ của tôi: sau khi đầu vào là xóa nó vẫn có một ng-invalid-required lớp còn lại (và nó cũng gây ra một thông báo lỗi HTML5)
• vì tôi không phải trên cành 1.1.x $setPristine() không có sẵn cho tôi$setPristine() cư xử theo cùng một cách

Tôi có thể viết một hàm lặp qua các phần tử của biểu mẫu và loại bỏ mọi lớp ng-invalid-required và ng-invalid, nhưng đó không phải là cách tôi muốn giải quyết vấn đề này. Đó là những gì tôi sẽ làm với jQuery.

Answer 1

Bạn đang sử dụng $ setPristine phải không? Bạn có thể dễ dàng nhìn thấy trong fiddle của bạn rằng nếu bạn thêm nó, nó hoạt động. http://jsfiddle.net/X6brs/

var myApp = angular.module('myApp', []); 

function MyCtrl($scope) { 
    $scope.things = []; 
    $scope.addThing = function(thing) { 
     $scope.things.push(thing); 
     $scope.thing = {}; 
     $scope.thingForm.$setPristine(true); 
    }; 
} 

Answer 2

$scope.thingForm.$setPristine(); 
$scope.thingForm.$setUntouched(); 

sẽ làm các trick.