Html Firebase和Ionic读取考勤计数的单个值

这是一个给我儿子的小礼物

我正在使用Ionic开发一个移动应用程序。在应用程序中，我有一个部分告诉用户有X个人参加这个活动。然后询问他们是否愿意参加，如果愿意，则将他们添加为参加人员。我计划使用Firebase来做这件事，因为它将跟踪参加会议的人

然而，在努力实现这一目标的过程中，我遇到了各种各样的问题。现在，我主要是想让它只显示来的人数。我的代码是：

<div class="list card">
  <div class="item item-calm item-divider">Deliver Meals on Saturday</div>
  <div class="item item-body" ng-repeat="item in items |filter:'1'">
  <p>Hey, there are {{item.name}} people attending.</p>
  </div>
</div> 

这是我用来创建项目列表的工厂

.factory("Items", function($firebaseArray) {
var itemsRef = new Firebase("https://example.com/items");
return $firebaseArray(itemsRef);
})

最终产品中显示的只是一张名为“周六送饭”的卡片，它的行为就像控制器消失了一样

我真正需要的是在我的应用程序中有一张卡，它使用我的firebase帐户说，“有x人参加。”如果点击提交，然后打印给其他人，“有（x+1）人参加。”如果有其他方式，请随时指出

谢谢你的帮助

要做到这一点，您需要一个存储出席人数的参考资料，并且您可以选择跟踪出席人数

数据结构 查看当前号码 要查看当前参与人数，我们使用工厂

NumberAttending

返回的

$firebaseObject

，并将其添加到范围中

控制器

  $scope.numberAttending = NumberAttending;

服务

.factory("NumberAttending", function($firebaseObject, Ref) {
  var numberRef = Ref.child('attending').child('number');
  return $firebaseObject(numberRef);
})
.factory("PeopleAttending", function($firebaseArray, Ref) {
  var peopleRef = Ref.child('attending').child('people');
  return $firebaseArray(peopleRef);
})
.factory('Ref', function() {
    return new Firebase("https://so-examples.firebaseio.com/33861920")
})

HTML

<div class="list card">
    <div class="item item-calm item-divider">Deliver Meals on Saturday</div>
    <div class="item item-body">
        <p>Hey, there are {{numberAttending.$value}} people attending.</p>
    </div>
</div>

然后使用该引用执行事务：

numAttendingRef.transaction(function (current_value) {
  return (current_value || 0) + 1;
});

---

是的，为了清楚起见，我会把它们添加到答案中。更新了它。如果你有任何问题，请告诉我。谢谢很抱歉，我不太明白如何设置评论的格式。我的控制器似乎仍然坏了。我是否错误地认为应该是这样的：

.controller（'HelpCtrl'，function（$scope，NumberAttending）{$scope.NumberAttending=NumberAttending；}）您的实现是否托管在我可以查看的地方？这对你有帮助吗？
<div class="list card">
    <div class="item item-calm item-divider">Deliver Meals on Saturday</div>
    <div class="item item-body">
        <p>Hey, there are {{numberAttending.$value}} people attending.</p>
    </div>
</div>

var numAttendingRef = NumberAttending.$ref();

numAttendingRef.transaction(function (current_value) {
  return (current_value || 0) + 1;
});