How to create $http delete req in angularjs - html

Question

All i want is to delete a row of a table by clicking a button. I am diong something like this
.controller('removeInput' , function($scope, $http) {
$scope.remove = function(index){
var inputId = {'inputId': $scope.inputId};
$http.delete(baseUrl + '/input/' ,inputId, _auth)
.success(function (){
console.log('deleted');
}).error(function(err){
console.log(err);
});
};
});
and in html its something like this
<tbody ng-controller = "input">
<tr ng-repeat = "inputs in inputData">
<td ng-model = "inputId">{{inputs.inputId}}</td>
<td><img ng-src = "{{inputs.thumbnailUrl}}"/></td>
<td>{{inputs.filename}}</td>
<td></td>
<td>{{inputs.updatedAt.date}}</td>
<td ng-controller = "removeInput">
<a class = "btn btn-option" ng-click = "remove(index)">
<span class = "glyphicon glyphicon-remove"></span>
</a>
</td>
</tr>
</tbody>
and its not working. Please suggest where I am wrong?

Answer 1

You aren't really passing the correct value here. It's not clear what $scope.inputId is, but it isn't the value of the item you are trying to remove. Try this instead:
<a class = "btn btn-option" ng-click = "remove(inputs.inputId)">
and in the JavaScript:
$scope.remove = function(index){
$http.delete(baseUrl + '/input/' + index, _auth)
....