首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Angular instant search仅在按enter或按下搜索图标时显示命中结果

Angular instant search仅在按enter或按下搜索图标时显示命中结果
EN

Stack Overflow用户
提问于 2019-03-01 18:58:09
回答 1查看 273关注 0票数 0

我只希望在用户按enter或点击输入上的搜索图标时显示从Algolia返回的命中结果。我已经得到了它,所以只有特定的点击使用searchAsyouType = false显示在enter上:

代码语言:javascript
运行
复制
<ais-search-box [searchAsYouType]=false  ></ais-search-box>

然而,问题是,当没有输入任何内容时,默认情况下会显示所有的命中,如下所示:

这是我的代码:

代码语言:javascript
运行
复制
<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/search图标之前隐藏所有命中内容?

EN

回答 1

Stack Overflow用户

发布于 2020-06-10 21:55:18

false应该是"false“。或者只是删除标签,因为缺省值是"false“。这将会给你留下:

代码语言:javascript
运行
复制
<ais-search-box></ais-search-box>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/54943229

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档