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

Question

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

当我按放大镜上的 Enter 键时，我调用了一个动作，在 application/controller.js 中它重定向到 result-page，如下所示：

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

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

当我进行重定向时，知道如何触发它吗？

Answer 1

您可以在您的 application/controller.js 中管理 flag 属性 并将其作为 2-way-binding 传递给您的 header，就像 flag=flag 和将它绑定到您的搜索组件。然后，在控制器的 updateQuery 操作中，您可以将 flag 设置为 false，如下所示：

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

这个用法你可以看一下this twiddle。