ng repeat of angular directive is not working properly while we remove any item by index. http://ift.tt/1KoDtkH

I am new in angular js and for one task I need to filter table data by multiple checkboxes and also I need to add another event handler square bordered box with cross icon over it which will also control the checkboxes and data. But I start removing square boxes by clicking on cross icon over it the relative checkbox is not get unchecked due to index issue in ng repeat directive. The array I am using it for this ng repeat is not the same as json which i have, it is filterd array.

Please have updated look on plunkr. http://ift.tt/1KoDtkH

Please help me out..

$scope.hideDialog = function (index) {
  $scope.checked_dept.splice(index,1);
};

<my-dialog ng-repeat="n in checked_dept" n="n" ng-hide="dialogIsHidden" on-close="hideDialog()">
    {{n}}! 
</my-dialog>