时间戳

首页 > 解决方案 > Angular Material“搜索”组件

angular - Angular Material“搜索”组件

问题描述

我正在使用 angular material 10.x 并到处寻找一个搜索组件来匹配这里的材料：

https://material.io/archive/guidelines/patterns/search.html#search-in-app-search

在此处输入图像描述

我试过没有运气：

<mat-form-field>
  <input matInput type="search">
</mat-form-field>

看起来回到 Angular Material 2 的时代，这很容易通过高度来复制。然而，输入设计已经改变了很多。

https://stackblitz.com/edit/angular-material-google-search-k1znf4?file=index.html

有没有办法用开箱即用的角度材料从设计文档中复制搜索组件？

标签： angularangular-materialmaterial-design

解决方案

确切地说，就像在 Material Design 规范中一样，不，但您可以使用像 AMSUI 这样的库，它专门用于使用 Angular Material 创建的搜索 UI。许多来自 Material 的最佳实践以及搜索 UX/UI 专家都用于在那里开发 UI --> https://dev.redlink.io/amsui/?path=/docs/searchfield-field--default

推荐阅读