4

我开发了简单的 angular-firebase 应用程序，它提供了基本的 CRUD 功能。

firebase 中的 json 格式

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

用于在 html 页面中列出所有数据的角度代码

<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>

当有人点击按钮时，它会触发以员工当前索引为参数的 delemp 函数。

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

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

此警报框包含当前员工的姓名。我想删除当前的员工行。但我不知道如何使用remove()firebase的方法。我访问了 firebase 的文档，所以我得到了运行良好的波纹管代码。

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

但我想动态地制作它，所以我怎样才能获得当前节点的父 id-J48go0dwY5M3jAC34Op 呢？

请帮我解决小问题。

4

2 回答 2

12

而不是传递对象，您可以将 id 传递给您的删除函数。

<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();
}

编辑：这也有效

<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);
}
于 2013-09-23T20:00:15.583 回答
1

如果它是一个 firebaseArray，你也可以这样做：

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

只需传递要从对象中删除的项目。

注意：它不适用于 firebaseObjects。

有用的资源：

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

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

于 2016-03-23T14:34:47.027 回答