javascript - 如何创建一个 URL，当点击该 URL 时批准或将名称添加到 firebase 中的列表？

Question

在 firebase 中，我想创建一个 URL，单击该 URL 会将某人的名字添加到 firebase 数据结构中的列表中。如果那不可能，请使用 URL，当点击该人时，该 URL 会在 Firebase 中标记为已批准。

例如，考虑以下结构:

-Sample (which would be at https://Sample.firebaseio.com)
     -Users

我想制作以下内容

-Sample (which would be at https://Sample.firebaseio.com)
     -Users
         Liz_Smith
         Shanna_Oreily

通过创建这样的 URL:

https://Sample.firebaseapp.com/users/Liz_Smith
https://Sample.firebaseapp.com/users/Shanna_Oreily

我不认为这样的事情是可能的，因为它就像用 URL 推送一样。如果不可能，我希望激活以下 URL，这意味着它们实际上作为 URL 存在

https://Sample.firebaseapp.com/users/Liz_Smith
https://Sample.firebaseapp.com/users/Shanna_Oreily

当某人转到该 URL 时，该人将更新为已批准，这将变成:

-Sample (which would be at https://Sample.firebaseio.com)
     -Users
         Liz_Smith
              approved: False
         Shanna_Oreily
              approved: False

变成这样:

-Sample (which would be at https://Sample.firebaseio.com)
     -Users
         Liz_Smith
              approved: True
         Shanna_Oreily
              approved: True

Answer 1

I don't think something like this is possible, because it's as if pushing with a URL.

您可以在 Firebase 中存储网址。

对于这种情况，您可以为 anchor 标记添加一个事件监听器。单击它时，您可以将数据设置为 Firebase。如果您还在 Firebase 中为用户位置附加一个监听器，您可以将这些链接实时附加到页面。

下面是一个使用 jQuery 完成的示例，但它可以很容易地适应您使用的任何流程或框架。

Plunker Demo

  var fbRef = new Firebase('https://firenode.firebaseio.com/'),
    userRef = fbRef.child('users'),
    appUrlBase = 'https://myapp.firebaseapp.com/',
    links = $('#people-list > li a'),
    urlList = $('#url-list');

  // create click handlers for every link
  $.each(links, function(key, link) {

    var $link = $(link),
        name = $link.text(),
        url = appUrlBase + name;

    $link.on('click', function(e) {
      userRef.child(name).set({
        approvedUrl: url // <- this is a URL
      });
    });

  });

  // helper function for creating lis with a tags
  function createLi(url) {
    var li = $('<li></li>');
    li.append('<a href="' + url + '">' + url + '</a>');
    return li;
  }

  // listen for the additions to the users location
  // when items are added we can append to the list
  userRef.on('child_added', function(snap) {
    var url = snap.val().approvedUrl;
      elem = createLi(url);

    urlList.append(elem);
  });