ngx-input-search
TL; DR:
用于输入搜索输入以改善用户体验(UX)的Angular指令。 通过其唯一的输出,您将能够获得与搜索输入相关的良好实践,如:
等到用户停止写以执行所需的操作
避免对同一流执行操作
修剪条件上的空白
当条件的长度大于期望的长度时流
< input type =" text " (ngxInputSearch) =" doTheSearch($event) "/>
如何使用它
dummy.component.ts @ Component ( {
selector : 'dummy-component' ,
templateUrl : 'dummy.component.html' ,
} )
class DummyComponent {
doTheSearch ( $event : Event ) {
const stringEmitted = ( $event . target as HTMLInputElement ) . value ;
console . log ( stringEmitted ) ;
1