Question

我有一个包含组件的视图，该组件有一个子组件。该视图从我们的服务器获取数据。第一个组件为某些自定义属性实现双向绑定，并且它的子组件使用已由父级操作的数据类似。无论如何，当应用程序启动时，视图的组件可以呈现所获取的绑定数据。组件的组件失败。我想我需要更新绑定，检查某些事件，或者等到视图在attach（）之前收到数据。我不确定后者是否会看起来最好，因为组件和子组件可以设置样式以显示正在发生的事情而不是仅仅在获取时阻止整个视图。我发现了这个，http://blog.williamhayes.org/2016/03/aurelia-custom-element-async-life-cycle.html;但是，导入失败了。

如何让视图为组件提供异步数据，从而为子组件提供结果？

Answer 1

我不记得导入失败的原因;但是，想要注意的是，CompositionTransaction技术确实解决了这个问题。结合使用可绑定装饰器和changeHandler，它提供了理想的解决方案。 http://blog.williamhayes.org/2016/03/aurelia-custom-element-async-life-cycle.html

Answer 2

我相信你正在寻找activate()钩子。您可以返回Promise，视图将等待数据。例如：

activate() {
   return this.service.getSomeData()
      .then(data => {
         this.propertyThatIsBoundToChildComponent = data;
      });
}

http://aurelia.io/hub.html#/doc/article/aurelia/framework/latest/cheat-sheet/7

的更多信息

Aurelia组件中包含来自视图

2 个答案: