How to delete item after Modal dialog success in angularjs

Question

I want to delete a record after pressing Ok on Modal Dialog in angularjs. It delete the item but not removing form $scope. I user $index in my html file. Can any one help me?? I am struck :(

My html file:

<script type="text/ng-template" id="admin.html">
<div class="modal-header">
<h3 class="modal-title">Are you Sure?</h3>
</div>
<div class="modal-body">
Are you sure??
</div>
<div class="modal-footer">
<button class="btn btn-primary" ng-click="ok()">OK</button>
<button class="btn btn-warning" ng-click="cancel()">Cancel</button>
</div>
</script>
<button  ng-click="open($index)">Open me!</button>

JS file:

$scope.open = function (user) {
    var modalInstance = $modal.open({
      templateUrl: 'admin.html',
      controller: 'ModalInstanceCtrl',
      windowClass: 'app-modal-window',
      resolve: {
        userIndex: function () {
            return user
        },
        users: function () {
            return $scope.users
        }
      }
    });

    modalInstance.result.then(function (selectedItem) {
      $scope.selected = selectedItem;
    }, function () {
    });
  };

app.controller('ModalInstanceCtrl', function ($scope, $modalInstance, users, userIndex, services) {

    $scope.users = users;
    $scope.selected = {
        user: $scope.users[userIndex]
    };
  $scope.ok = function () {
    services.deleteCustomer($scope.selected.user.id);
    $scope.users.splice(userIndex, 1);
    $modalInstance.close($scope.selected.user);
  };

  $scope.cancel = function () {
    $modalInstance.dismiss('cancel');
  };
});