Angular: Empty Fiddle

http://angularjs.org/

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div class="navbar-collapse collapse">
    <table class="table table-striped" ng-controller="FetchViewData">
        <tr>
            <td>Name</td>
            <td>ID</td>
            <td>Department</td>
            <td></td>
        </tr>
        <tr ng-repeat="d in viewData">
            <td>{{d.EmployeeName}}</td>
            <td>{{d.EmployeeID}}</td>
            <td>{{d.EmployeeDepartment}}</td>
            <td>
                <a href="javascript:void(null);" class="trashButton" 
                ng-click="deleteRecord(d.href);">
                <img src="/trashicon.gif">
            </td>
        </tr>
    </table>
</div>

JavaScript

var myApp = angular.module('myApp',[]);

function FetchViewData($scope, $http) {
    var test_link = "<MY LINK>";
   // $http.get(test_link).success( function(data) {
   //     $scope.viewData = data;
   // });
    //Call http here getting data
    var data = [{EmployeeName: 'A', EmployeeID: '1', EmployeeDepartment: 'ED', href: 'www.google.com'}];
    
    $scope.viewData = data;
     $scope.deleteRecord = function (docURL) {
         console.log(docURL);

         $http.delete(docURL);
}
    
}