当我TransitionToRoute时如何启用组件的属性

时间:2018-10-30 16:41:44

标签: javascript ember.js handlebars.js ember-data ember-cli

您好,我在页面标题上有一个搜索组件。
 当我单击放大镜时,flag属性将得到true,因此search-box组件将显示如下:

enter image description here

当我在放大镜上按Enter键时,我将调用一个动作,该动作在application/controller.js内将重定向到result-page,如下所示:

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

重定向按预期工作,并且结果页已加载,但是search-box组件仍然显示!我还没有找到一种禁用属性标志的方法,该属性标志位于header组件内部。

有什么想法在我执行重定向时如何触发?

1 个答案:

答案 0 :(得分:2)

您可以在activity中管理flag属性,并将其像application/controller.js一样以2向绑定的方式传递到标头,然后将其绑定到搜索组件。然后,在控制器的flag=flag操作中,可以将updateQuery设置为false,如下所示:

flag

您可以查看this twiddle的用法。