如何为 Firebase 数据库中的每个人设置一个唯一 ID，以便在多个人同名时选择删除哪个 ID？

Question

我会尽量解释清楚。

我正在制作一个通讯录，您可以在其中存储以下内容：

名字

姓氏

电子邮件

电话号码

没有什么可以阻止您添加两个名字和姓氏相同的人，例如 Tom Sawyer。 现在，假设我们有两个 Tom Sawyer 添加到 Firebase 数据库，在 Firebase 数据库生成的两个随机且唯一的键下。像这样：

它在 HTML 中显示如下：

当您单击其中一个名称旁边的删除按钮时，它应该从 HTML 和数据库中消失。不过，这就是棘手的地方，我无法确定应该从数据库中删除哪个 Tom Sawyer，我不能使用唯一的键名，因为如果我遍历它们并搜索 Tom Sawyer，我会得到两次点击只会随机选择一个。

我的第一个想法是添加第二个唯一 ID 作为属性，但这只会以与唯一 Firebase 密钥 ID 相同的方式失败。唯一 ID 必须与添加的名字和姓氏相关联，而不是随机的（至少在我看来是这样），以便我可以将 HTML Tom Sawyer 与数据库中的 the Tom Sawyer 联系起来。这必须独立发生在数据库中存在多少 Tom Sawyer，否则它将无法工作。

我应该如何解决这个问题？

Answer 1

您想使用 .key()（2.x 之前的 .name()）来获取每条记录的推送 ID。

一个 pojo 示例（错误，+jQuery）

例如，在 pojo 中（使用 jQuery 来抽象 DOM 位）：

var ref = new Firebase(URL);
ref.child('contacts').on('child_added', function(snap) {
   var data = snap.val();
   var name = data.first + ' ' + data.last;

   // some proprietary code to add them to the DOM, the critical part 
   // here being that we include the push id in the data...

   // set the push id as data-id so we can refer to it!
   var html = '<li data-id="' + snap.key() + '">' +
       '<span>' + name + '</span> ' +                  // user's name
       '<button data-event="edit">Edit</button> ' +    // edit button
       '<button data-event="delete">Delete</button>' + // delete button
       '</li>';
   $(html).appendTo('#theList');
});

// handle clicking the delete button
$('[data-event="delete"]').click(function(e) {
   e.preventDefault();

   // fetch the push id from data-id="..." attribute
   var pushId = $(this).closest('li').attr('data-id');

   // remove it from Firebase
   ref.child('contacts').child(pushId).remove();
});

框架示例（Angular）

当然，一个好的框架可以为你节省大量的精力。例如，我是 Angular 的粉丝：

<ul>
  <li ng-repeat="user in contacts">
     <span>{{user.first}} {{user.last}}</span>
     <button>Edit</button>
     <button ng-click="users.$remove(user)">Delete</button>
  </li>
</ul>

我的 Angular 控制器：

app.controller('ctrl', function($scope, $firebase, $window) {
   var ref = new $window.Firebase(URL);
   $scope.contacts = $firebase(ref).$asArray();
});

Answer 2

在那里，您可以将 firebase 与 angular js 一起使用。这样从 firebase 中编辑和删除数据就容易多了。 使用 Firebase.js，然后使用 Angular.js，然后使用 angularfire.js

//In JavaScript File,Initialize angularJs like this

var app=angular.module('YourAppName',[firebase])
//this is dependencies injection you have to do like this

//get the firebase URL and store it like this

var fb_url=new Firebase('Your Firebase database URL') 
//then store it in $scope variable i.e 

$scope.data=$firebaseArray(fb_url)

//In Html file,

<div>
<table>
<tr>
<th>Name</th>
<th>Age</th>
<th>Action</th>
</tr>
<tr ng-repeat="da in data">
<td>{{da.name}} </td>
<td>{{da.age}} </td>
<td><input type="button" value="Edit" ng-click="EditBtn(da)"/></td>
<td><input type="button" value="delete" ng-click="DelBtn(da)"/></td>
</tr>
</table>
</div>
//In Javascript File,

$scope.EditBtn=function(da){
$scope.Name=da.name;
$scope.age=da.age;
$scope.id=da.$id;
//this is unique id which generated when you insert the data.
}
//In Html

<div>
<input type="text" ng-model="Name"/>
<input type="text" ng-model="age"/>
<input type="button" value="Save Edit" ng-click="SaveEdit()"/>
</div>

//In Js file    

$scope.SaveEdit=function(){
var Id=$scope.id;
var record=$scope.data.$getRecord(Id);
record.name=$scope.Name;
record.age=$scope.Age;
$scope.data.$save(record);
}

$scope.DelBtn=function(da){
$scope.data.$remove(da);
}