可扩展搜索字段的Angular 2+组件– NgMatSearchBar

可扩展搜索字段的Angular 2+组件– NgMatSearchBar
插件名称 NgMatSearchBar
发布时间 2020年6月17日
插件作者 tommueller

Angular 2+组件会创建一个搜索图标,该图标会在单击时扩展搜索范围。

安装:

# Yarn
$ yarn add ng-mat-search-bar

# NPM
$ npm install ng-mat-search-bar --save

事件

您可以订阅组件正在输出的不同事件:

  • onBlur:当搜索字段失去焦点时触发
  • onClose:当用户通过单击关闭按钮关闭搜索字段时触发
  • onEnter:当用户在搜索字段中按Enter键时触发
  • onFocus:当用户聚焦搜索字段时触发
  • onOpen:显示搜索栏时触发

方法和属性

它还提供了两种公共方法来打开/关闭搜索栏:

  • open():打开搜索栏
  • close () :关闭搜索栏

和一个属性:

  • searchVisible:哪一个保存搜索输入的当前可见性状态