Displaying additional column in a table using angularJs which is not part of directive -

i newbie angularjs. scenario need display delete button on last column of table bound directive?

[http://plnkr.co/edit/qxzbu2cyipetobnnxhko?p=preview][1] 

why dont see delete option in last column?. doing wrong here?

thanks in advance

the directive isn't necessary, whatever floats boat. update template render delete button.

template: '<td>{{ item.name }}</td><td>{{ item.age }}</td><td><a href="#" ng-click="deleteperson($index);">delete</a></td>' 

or can skip directive , go along lines of:

<tr ng-repeat="person in people">     <td>{{ person.name }}</td><td>{{ person.age }}</td><td><a href="#" ng-click="deleteperson($index);">delete</a></td> </tr> 

then

$scope.deleteperson = function(index) {     delete $scope.people[index]; }