This repository was archived by the owner on Apr 12, 2024. It is now read-only.

Description
consider this example:
<table ng-controller="TestController as ctrl">
<tbody>
<tr ng-repeat="person in ctrl.people" ng-form="testForm">
<td>{{ person.name }}</td>
<td><button type="button" ng-click="ctrl.remove($index)"></button></td>
</tr>
</tbody>
</table>
function TestController() {
this.people = [
{name: 'John'},
{name: 'Dorothy'},
{name: 'Charles'}
];
this.remove = function(index) {
this.people.splice(index, 1);
}
}
Using remove button fires up the remove function from the controller, removes one person from the people collection but the row remains displayed, yet without any data. Removing ngForm directive from the <tr> that has ngRepeat resolves the issue, however I need that ngForm there in my case :)
I couldn't get a fiddle or codepen working, dunno why but the example should be simple enough. Tested on 1.4.1 but haven't seen any changes since then in changelog that could suggest it was fixed anyhow.