delete ag-grid row

<!DOCTYPE html>
<html>

<head>
  <script src="https://code.angularjs.org/1.5.0/angular.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/ag-grid/3.3.3/ag-grid.min.js"></script>
  <link rel="stylesheet" href="style.css" />
  <script src="script.js"></script>
</head>

<body ng-app="example" ng-controller="exampleCtrl">
  <div ag-grid="grid" class="ag-fresh" style="height: 100px;"></div>
  <button ng-click="deleteRow();">Delete Selected Row</button>
</body>

</html>

// Code goes here
'use strict';

agGrid.initialiseAgGridWithAngular1(angular);

var module = angular.module("example", ["agGrid"]);

module.controller("exampleCtrl", function($scope) {
  var columnDefs = [{
      headerName: "Make",
      field: "make"
    },
    {
      headerName: "Model",
      field: "model"
    },
    {
      headerName: "Price",
      field: "price"
    }
  ];
  var rowData = [
    {
      make: "Toyota",
      model: "Celica",
      price: 35000
    },
    {
      make: "Ford",
      model: "Mondeo",
      price: 32000
    },
    {
      make: "Porsche",
      model: "Boxter",
      price: 72000
    }
  ];

  $scope.grid = {
    columnDefs: columnDefs,
    rowData: rowData,
    rowSelection: 'single'
  };

  $scope.deleteRow = function() {
    var selected = $scope.grid.api.getFocusedCell();
    $scope.grid.rowData.splice(selected.rowIndex, 1);
    $scope.grid.api.setRowData($scope.grid.rowData)
  }

});

/* Styles go here */