javascript - 如何在 transitionToRoute 时启用组件的属性

Question

你好，我在页眉上有一个搜索组件。
当我点击放大镜时，flag 属性变为 true，因此 search-box 组件显示如下:

当我在放大镜上按下 Enter 键时，我调用了一个 Action ，在 application/controller.js 中，它重定向到一个 result-page，比如所以:

`actions: {
updateQuery(query) {
  return this.transitionToRoute('search-results', {
    queryParams: {
      query
    }
  })
 }
}

重定向按预期工作，结果页面加载，但 search-box 组件仍然显示!我还没有找到禁用属性标志的方法，它位于 header 组件内。

当我进行重定向时，有什么想法可以触发它吗？

Answer 1

您可以在 application/controller.js 中管理 flag 属性，并将其作为双向绑定(bind)传递给 header ，例如 flag=flag 并将其绑定(bind)到您的搜索组件。然后，在 Controller 的 updateQuery 操作中，您可以将 flag 设置为 false，如下所示:

updateQuery(){
  this.set('flag', false);
  this.transitionToRoute('search-results');
}

可以看看this twiddle对于这种用法。