form.$invalid: true after ng-repeat array shortening

[Hoverbear]

Demonstration (Not by me):
http://jsfiddle.net/ADukg/117/

If you fill in both inputs, form.$invalid=false.
Then, if you click 'Remove All',form.$invalid=false, as expected.

However, if you fill none, or one input, form.$invalid=true, again, as expected.
But... If we click 'Remove All' after, form.$invalid=true remains, even though there are no fields in the form.

Is there a solution to this?

[ghost]

I've also been struggling with this one for some time. Also happens for me when using array.splice to remove a row. I've tried a number of workarounds none of which have solved it so far. Any suggestions would be gratefully received.

[ghost]

I've managed to solve my problem, not sure its the correct way, but I'm:

1: using an ng-form with the ng-repeat
2: insuring that I set the children controls to valid values before splicing

[laguiz]

@johnday-github
I also have issue with splice().
Can you give an example? I'm not sure to get it.
Thank you.

[laguiz]

I'm able to fix the issue when we want to splice() an array by doing this :

//The delete action
$scope.removeMyChild = function(currentParent, index){
    this.myParentForm.$removeControl(this.myChildForm);
    currentParent.myList.splice(index, 1);
}

This is not so nice but it works for me. Maybe AngularJS should handle it automatically?

Any feedback on this is welcome.

[pkozlowski-opensource]

Duplicate of #1572