AngularFire：如何将部分更新（单个字段）应用于$ firebaseArray中的项目？

Question

我想知道如何对$firebaseArray中的项目进行部分更新，文档很混乱，没有提到这一点。 .$save似乎破坏了整个项目：

var ref = new Firebase("https://xxxx.firebaseio.com/items");
$scope.items = $firebaseArray(ref);
someItem = getItem();
someItem.newField= 'Test';
$scope.items.$save(someItem);

这会导致整个项目对象被完全覆盖，而不仅仅是更新newField

我已经看过other discussions如何使用$asObject执行此操作，但我仍然对如何处理$firebaseArray

中的项目感到困惑

Answer 1

我想我可以在这里提供帮助。首先，一些事情：

• 我假设您getItem()没有使用.$getRecord()，因此someItem没有$id属性。因此，someItem的属性设置为$scope.items。
的属性
• 如果您想创建新项目，可以.$add(someItem)至itemsArray。
• 如果$scope.items.$save(someItem)有someItem。
，您可以使用$id

代码

var ref = new Firebase(fbUrl+'/items');
itemsList = $firebaseArray(ref);
$scope.items = itemsList;

$scope.addItemObject = function() {
  var someItem = {};
  someItem.newField = 'test';
  itemsList.$add(someItem);
  console.log('$scope.items is',$scope.items);
}

$scope.updateItem = function() {
  console.log('$scope.items was',$scope.items);
  var id = prompt("Enter $id to update");
  var someItem = itemsList.$getRecord(id);
  var newField = prompt('Enter new value for newField');
  someItem.newField = newField;
  itemsList.$save(someItem).then(function(ref) {
    console.log('$scope.items is now',$scope.items);
  });;
}

实施例

• 查看此作品PLNKR example
• 我在PLNKR中创建了ItemsFactory，它实现了与上面代码相​​同的结果。

文档

看看：

• $firebaseArray $add()
• $firebaseArray $save()
• $firebaseArray $getRecord()

希望有所帮助！