如何使用以下代码在 firebase 中同步

Question

如何在firebase中绑定这些代码并自动同步，我想查看出席的受邀者

var guestApp = angular.module("guestApp", []);

guestApp.controller('guestCtrl', function($scope) {
    $scope.guests = ['jean','elie','tierry'];
   
  $scope.addGuest = function(){
  $scope.guests.push($scope.newGuest);
  $scope.newGuest = '';

 };
 
 $scope.removeGuest = function(guest){
 var i = $scope.guests.indexOf(guest);
 $scope.guests.splice(i,1);
 };

Answer 1

首先，您需要确保将这些库包含在您的 HTML:

<!-- AngularJS -->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>    
<!-- Firebase -->
<script src="https://cdn.firebase.com/js/client/2.2.4/firebase.js"></script>
<!-- AngularFire -->
<script src="https://cdn.firebase.com/libs/angularfire/1.1.1/angularfire.min.js"></script>

至于代码本身：

您需要添加firebase模块依赖：

var guestApp = angular.module("guestApp", ["firebase"]);

然后，在您的控制器中，您需要注入适当的 firebase 服务并登录身份验证：

guestApp.controller('guestCtrl', function($scope, $firebaseArray) {
    var ref = new Firebase("https://<YOUR-FIREBASE-APP>.firebaseio.com/guests");

之后，您可以将作用域变量绑定到您的 firebase 引用：
```
    $scope.guests = $firebaseArray(ref);
```

关于添加新项目：

  $scope.addGuest = function(){
      $scope.guests.$add($scope.newGuest);
      $scope.newGuest = '';
  };

并删除：

 $scope.removeGuest = $scope.guests.$remove;

我想就是这样。顺便提一句。您可以在官方文档中阅读所有相关信息；） https://www.firebase.com/docs/web/libraries/angular/quickstart.html

如何使用以下代码在 firebase 中同步

how to syncy in firebase with below code

firebase

angularfire