how to delete json data object in firebase using angular?

Question

I have developed simple angular-firebase application which provide basic CRUD functionality.

json format in firebase

{
  "-J0wuZ_J8P1EO5g4Xfw6" : {
    "contact" : "56231545",
    "company" : "info",
    "city" : "limbdi",
    "name" : "priya"
  },
  "-J0wrhrtgFvIdyMcSL0x" : {
    "contact" : "65325422",
    "company" : "rilance",
    "city" : "jamnagar",
    "name" : "pihu"
  }
}

angular-code for listing all data in html page

<table class='table table-hover'>
    <tr>
        <th>Name</th>
        <th>City</th>
        <th>Company</th>
        <th>Contact</th>
        <th></th>
    </tr>

    <tr ng-repeat="item in employee">
        <td>{{item.name}}</td>
        <td>{{item.city}}</td>
        <td>{{item.company}}</td>
        <td>{{item.contact}}</td>
        <td><button class='btn btn-warning btn-mini' ng-click='delemp(employee[$index])'>X</button></td>
    </tr>
</table>

when someone click on button it fire delemp function which take employee's current index as argument.

var myapp = angular.module('myapp',['firebase']);
myapp.controller('MyCtrl', ['$scope', 'angularFireCollection',
  function MyCtrl($scope, angularFireCollection) {

       $scope.delemp=function($current_emp){
          alert($current_emp.name);
    };
  }
]);

this alert box contain current employee's name. I want to delete current row of employee. but I don't know how to use remove() method of firebase. I have visited documentation of firebase so I got bellow code which is working nice.

var current = new Firebase('https://myurl/employee/-J48go0dwY5M3jAC34Op');
        current.onDisconnect().remove();

but I want to make it dynamically so how can I get parent id of current node like -J48go0dwY5M3jAC34Op ?

please help me to figure out small issue.

Jeff Ilse · Accepted Answer · 2013-09-26 19:08:32Z

12

instead of passing the object, you could just pass the id into your delete function.

<li ng-repeat="(key,item) in list">
  <button ng-click="deleteItem(key)">delete</button> {{item.name}} 
</li>

$scope.deleteItem = function(id){
  var itemRef = new Firebase(url + '/' + id);
  itemRef.remove();
}

edit: this also works

<div ng-repeat="item in list">
    <button ng-click="writeID(item)">log id</button>{{item.$id}} {{item}}<hr>
</div>

$scope.writeID = function(o){
  console.log(o.$id);
}

edited Sep 26, 2013 at 19:08

answered Sep 23, 2013 at 20:00

Jeff Ilse

3663 silver badges6 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

Jaydipsinh Over a year ago

hii. i tried your code but its not working because id represent index of item like (0,1,2,3) but in my case i need to pass -J48go0dwY5M3jAC34Op this string after url then only i can able to delete particular json object. so can you tell me how to get this string ?

Jeff Ilse Over a year ago

I added a second sample that directly gets at the id. Give that a shot.

Jaydipsinh Over a year ago

Thanks dear, its working.. :) can you suggest me good tutorial to learn angular-firebase?

Jeff Ilse Over a year ago

sadly, no. I've been going the trial and error route. I now see the top example I gave is for using angularFire() and the bottom for angularFireCollection(). In the angularFireCollection case, list.remove(item) also works.

Jaydipsinh Over a year ago

ohh, is it. anyway o.$id is working totally perfect. it also help me to update json object. may i have ur twitter or gplus id?

|

littlequest · Accepted Answer · 2016-04-14 19:52:55Z

1

If it's a firebaseArray, you can also do it this way:

$scope.deleteItem = function(item){
 employee.$remove(item);
}

Just pass the item you want to remove from the object.

Note: It won't work for firebaseObjects.

Useful sources:

https://www.firebase.com/docs/web/libraries/angular/api.html#angularfire-firebasearray-removerecordorindex

https://gist.github.com/anantn/4325082

edited Apr 14, 2016 at 19:52

answered Mar 23, 2016 at 14:34

littlequest

3292 silver badges7 bronze badges

Collectives™ on Stack Overflow

how to delete json data object in firebase using angular?

2 Answers 2

7 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

7 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related