用于搜索栏的 Angular Material UI 组件？

Question

我正在尝试使用 Angular Material ui 构建一个通用搜索栏。我在文档中没有看到“搜索”组件。有人使用 Material ui 作为搜索组件吗？使用他们的输入+自动完成组件会是一个很好的构建块吗？

Answer 1

这取决于您的搜索栏的需求，最简单的方法就是使用：

搜索输入+图标

<mat-form-field>
  <input matInput type="search">
  <button matSuffix mat-icon-button aria-label="Search">
    <mat-icon>search</mat-icon>
  </button>
</mat-form-field>