Question

我正在构建一个时间轴系统，该系统基本上是由许多不同的指令构建的。

在抽象中，每个项目都是这样的：

<project id='id'>
  <h3 ng-bind='project.name'></h3>
  <timeline items='project.timelines[0]'>
    <timeline-item item='item' ng-repeat='item in timeline'>
      <comments items='item.comments'>
        <comment item='comment' ng-repeat='comment in comments'>
          <user id='comment.user'></user> 
          <p ng-bind='comment.body'></p>
        </comment>
      </comments>
    </timeline-item>
  </timeline>
</project>

在顶层，我通过获取项目的原始firebase引用，然后将其包装在$firebase包装器中来为项目创建对象。最后，我使用$asObject()为模型准备了一份副本。

这种技术对于<project>指令来说很好，因为我可以访问所有顶级属性以及.$save()方法。

但是，当我将此对象的子项传递给子指令时，我将无法调用.$save()。这意味着模型在视图中完美更新，但不会在Firebase中保存。

一般而言，如何从现有的$FirebaseObject 中提取$FirebaseArray或$FirebaseObject传递给指令？

我知道我可以抓住原始参考来实现这一目标，但实际上这看起来像是：

...
// timeline-item.js
scope: {
  item: '='
},
link: function(scope) {
  scope.item; // is a $FirebaseObject
  scope.comments scope.item.$ref().child('comments');
},
template:
"<comments items='comments'></comments>"

// comments.js
scope: {
  items: '='
},
link: function(scope) {
  scope.items; // is a Firebase reference
  scope.items = $firebase(scope.items).$asArray();
}

也许这个问题可以通过$bindTo来解决？但我无法弄清楚多种指令如何起作用。

Answer 1

$asArray有一个名为$getRecord的函数，我认为可以为您解决这个问题。

var list = $firebase(ref).$asArray();
var rec = list.$getRecord("foo"); 
rec.update(data);

https://www.firebase.com/docs/web/libraries/angular/api.html#angularfire-firebasearray-getrecordkey

Angularfire：从$ FirebaseObject的子级创建$ FirebaseObject

1 个答案: