从 Firebase 编辑项目答案

【问题标题】：Edit Item from Firebase从 Firebase 编辑项目
【发布时间】：2015-01-10 02:22:45
【问题描述】：

这是我的previous question 的后续行动。我试图弄清楚如何编辑存储在我的 Firebase 中的现有项目。我的项目在页面上重复出现，每个项目旁边都有一个“编辑”按钮。

HTML

<h3>Editing {{ editedProvider.title }}</h3>
<form>
    <input ng-model="editedProvider.title">
    <button type="submit" ng-click="updateProvider()">Submit</button>
</form>

<div ng-repeat="provider in providers">
    <h3>{{ provider.title }}</h3>
    <button type="button" ng-click="setEditedProvider()">Edit</button>
  </div>
</div>

这就是我目前向列表中添加项目的方式：

var rootRef = new Firebase(FBURL);
var providersRef = rootRef.child('providers');

$scope.newProvider = {};
$scope.providers = [];

providersRef.on('child_added', function(snapshot) {
  $timeout(function() {
    var snapshotVal = snapshot.val();
    console.log(snapshotVal);
    $scope.providers.push({
      title: snapshotVal.title,
      name: snapshot.name()
    });
  });
});

$scope.createProvider = function() {
  var newProvider = {
    title: $scope.title
  };
  providersRef.push(newProvider);
};

然后，我创建了一个函数setEditedProvider 并将其绑定到编辑按钮，当单击该按钮时会显示该特定项目的编辑表单。但是，当我进行更改后，我需要运行一个名为 updateProvider 的函数，而我在创建该函数时遇到了问题。

$scope.editedProvider = null;

$scope.setEditedProvider = function(provider) {
  $scope.editedProvider = angular.copy(provider);
}

$scope.updateProvider = function(provider) {
  // need to take that edited function and push the updated version inside here
}

我可以像创建项目一样使用 Firebase 的数据快照吗？

其中一些终于为我点击了，我想我明白它需要如何完成，我只是不知道如何实现它。

感谢您对此问题的任何帮助。提前致谢！

【问题讨论】：

标签： javascript jquery angularjs firebase

【解决方案1】：

$scope.updateProvider = function(provider) {
   providersRef.child(provider.$id).update({tile:Provider.title});

}

【讨论】：