角度即时搜索仅在按下Enter键或按下搜索图标时显示匹配

时间:2019-03-01 10:58:09

标签: javascript angular algolia instantsearch

我只希望从Algolia返回的匹配项在用户按下Enter键或点击输入中的搜索图标时显示。我已经知道,这样使用searchAsyouType = false的回车中仅显示特定的匹配:

<ais-search-box [searchAsYouType]=false  ></ais-search-box>

问题是,当未输入任何内容时,默认情况下将显示所有匹配,如下所示: enter image description here

这是我的代码:

<ais-instantsearch [config]="searchConfig" >

  <ais-search-box [searchAsYouType]=false  ></ais-search-box>

  <ais-hits >
    <ng-template let-hits="hits">
      <div *ngFor="let hit of hits">

        <div class="bio">
          hit: {{ hit.post_code }}
        </div>

      </div>
    </ng-template>
  </ais-hits>
</ais-instantsearch>

有人以前有过这个问题吗?如何隐藏所有匹配,直到按下Enter /搜索图标?

1 个答案:

答案 0 :(得分:0)

错误应为“ false”。或仅删除标签,因为默认值为“ false”。那会让你:

<ais-search-box></ais-search-box>