aurelia - 将对象传递给下一个兄弟组件

Question

我在 AureliaJS 中的组件结构是:

<parent>
  <child1> 
  <child2> 
</parent>

我在 child1 中有一个通过 ajax 请求获得的对象:

export class Child1 {   
  fechedObject = {}: 
}

我需要这个具有双向绑定(bind)和可在第二个组件中观察的属性

export class Child2 {   
  // I need this fechedObject here 
}

获得它的最佳方法是什么？

Answer 1

我相信这里最好的方法是在两个子模型上使用双向绑定(bind)，通过父模型中的双向绑定(bind)来绑定(bind)模型。

在您的 parent.html 中，您需要以下内容:

<child1 fetched-object.two-way="fetchedObject"></child1>

<child2 fetched-object.two-way="fetchedObject"></child2>

在两个 subview 模型中，您都可以将变量声明为可绑定(bind):

bindable()
public fechedObject;

这样，任何一个子级中发生的编辑都会传递给另一个子级。如果您想防止 child2 中的编辑影响 child1 中的对象，您可以简单地使用 fechedObject.one-way 进行单向绑定(bind)，或者child2 上的 fechedObject.bind。