ngx-input-search:Angular指令,用于输入搜索输入以改善UX。 通过其唯一的输出,您将能够获得用户与搜索输入相关的所有良好做法的内容-源码

上传者: 42166261 | 上传时间: 2021-01-30 14:09:16 | 文件大小: 836KB | 文件类型: ZIP
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 ) ;

文件下载

资源详情

[{"title":"( 90 个子文件 836KB ) ngx-input-search:Angular指令,用于输入搜索输入以改善UX。 通过其唯一的输出,您将能够获得用户与搜索输入相关的所有良好做法的内容-源码","children":[{"title":"ngx-input-search-master","children":[{"title":"renovate.json <span style='color:#111;'> 142B </span>","children":null,"spread":false},{"title":"sonar-project.properties <span style='color:#111;'> 1.21KB </span>","children":null,"spread":false},{"title":"docs","children":[{"title":"images","children":[{"title":"demo.gif <span style='color:#111;'> 648.73KB </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"package.json <span style='color:#111;'> 4.79KB </span>","children":null,"spread":false},{"title":"tslint.json <span style='color:#111;'> 2.24KB </span>","children":null,"spread":false},{"title":"tools","children":[{"title":"tsconfig.tools.json <span style='color:#111;'> 218B </span>","children":null,"spread":false},{"title":"schematics","children":[{"title":".gitkeep <span style='color:#111;'> 0B </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":".prettierrc <span style='color:#111;'> 52B </span>","children":null,"spread":false},{"title":".prettierignore <span style='color:#111;'> 57B </span>","children":null,"spread":false},{"title":"jest.config.js <span style='color:#111;'> 422B </span>","children":null,"spread":false},{"title":"angular.json <span style='color:#111;'> 5.62KB </span>","children":null,"spread":false},{"title":"LICENSE <span style='color:#111;'> 1.04KB </span>","children":null,"spread":false},{"title":"nx.json <span style='color:#111;'> 339B </span>","children":null,"spread":false},{"title":"tsconfig.json <span style='color:#111;'> 613B </span>","children":null,"spread":false},{"title":".gitignore <span style='color:#111;'> 853B </span>","children":null,"spread":false},{"title":".circleci","children":[{"title":"jest.config.js <span style='color:#111;'> 136B </span>","children":null,"spread":false},{"title":"config.yml <span style='color:#111;'> 6.84KB </span>","children":null,"spread":false},{"title":"deployment","children":[{"title":"index.js <span style='color:#111;'> 39B </span>","children":null,"spread":false},{"title":"init-deploy.spec.js <span style='color:#111;'> 4.62KB </span>","children":null,"spread":false},{"title":"init-deploy.js <span style='color:#111;'> 1.93KB </span>","children":null,"spread":false},{"title":"apps","children":[{"title":"index.js <span style='color:#111;'> 109B </span>","children":null,"spread":false},{"title":"ngx-input-search.spec.js <span style='color:#111;'> 3.95KB </span>","children":null,"spread":false},{"title":"demo.js <span style='color:#111;'> 352B </span>","children":null,"spread":false},{"title":"ngx-input-search.js <span style='color:#111;'> 1.42KB </span>","children":null,"spread":false},{"title":"__mocks__","children":[{"title":"index.js <span style='color:#111;'> 136B </span>","children":null,"spread":false}],"spread":false},{"title":"demo.spec.js <span style='color:#111;'> 1.26KB </span>","children":null,"spread":false}],"spread":false},{"title":"utils","children":[{"title":"log.js <span style='color:#111;'> 130B </span>","children":null,"spread":false},{"title":"exec-async.js <span style='color:#111;'> 119B </span>","children":null,"spread":false},{"title":"log.spec.js <span style='color:#111;'> 446B </span>","children":null,"spread":false},{"title":"__mocks__","children":[{"title":"log.js <span style='color:#111;'> 92B </span>","children":null,"spread":false},{"title":"exec-async.js <span style='color:#111;'> 375B </span>","children":null,"spread":false}],"spread":false}],"spread":false}],"spread":false},{"title":"scripts","children":[{"title":"fix-circleci-repo-ref.sh <span style='color:#111;'> 733B </span>","children":null,"spread":false},{"title":"extra-variables.sh <span style='color:#111;'> 881B </span>","children":null,"spread":false}],"spread":false}],"spread":false},{"title":"commitlint.config.js <span style='color:#111;'> 67B </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 5.37KB </span>","children":null,"spread":false},{"title":"yarn.lock <span style='color:#111;'> 504.45KB </span>","children":null,"spread":false},{"title":"apps","children":[{"title":"demo-e2e","children":[{"title":"tsconfig.e2e.json <span style='color:#111;'> 152B </span>","children":null,"spread":false},{"title":"tslint.json <span style='color:#111;'> 48B </span>","children":null,"spread":false},{"title":"src","children":[{"title":"plugins","children":[{"title":"index.js <span style='color:#111;'> 811B </span>","children":null,"spread":false}],"spread":false},{"title":"support","children":[{"title":"app.po.ts <span style='color:#111;'> 64B </span>","children":null,"spread":false},{"title":"commands.ts <span style='color:#111;'> 838B </span>","children":null,"spread":false},{"title":"index.ts <span style='color:#111;'> 599B </span>","children":null,"spread":false}],"spread":false},{"title":"integration","children":[{"title":"app.spec.ts <span style='color:#111;'> 216B </span>","children":null,"spread":false}],"spread":false},{"title":"fixtures","children":[{"title":"example.json <span style='color:#111;'> 80B </span>","children":null,"spread":false}],"spread":false}],"spread":false},{"title":"tsconfig.json <span style='color:#111;'> 126B </span>","children":null,"spread":false},{"title":"cypress.json <span style='color:#111;'> 355B </span>","children":null,"spread":false}],"spread":false},{"title":"demo","children":[{"title":"browserslist <span style='color:#111;'> 429B </span>","children":null,"spread":false},{"title":"tsconfig.app.json <span style='color:#111;'> 193B </span>","children":null,"spread":false},{"title":"tslint.json <span style='color:#111;'> 189B </span>","children":null,"spread":false},{"title":"jest.config.js <span style='color:#111;'> 259B </span>","children":null,"spread":false},{"title":"tsconfig.spec.json <span style='color:#111;'> 233B </span>","children":null,"spread":false},{"title":"src","children":[{"title":"assets","children":[{"title":".gitkeep <span style='color:#111;'> 0B </span>","children":null,"spread":false}],"spread":false},{"title":"index.html <span style='color:#111;'> 321B </span>","children":null,"spread":false},{"title":"app","children":[{"title":"countries","children":[{"title":"countries.service.ts <span style='color:#111;'> 521B </span>","children":null,"spread":false},{"title":"shared","children":[{"title":"countries.model.ts <span style='color:#111;'> 1.02KB </span>","children":null,"spread":false}],"spread":false},{"title":"country-card","children":[{"title":"country-card.component.ts <span style='color:#111;'> 352B </span>","children":null,"spread":false},{"title":"country-card.component.html <span style='color:#111;'> 687B </span>","children":null,"spread":false}],"spread":false}],"spread":false},{"title":"app.module.ts <span style='color:#111;'> 608B </span>","children":null,"spread":false},{"title":"app.component.spec.ts <span style='color:#111;'> 217B </span>","children":null,"spread":false},{"title":"app.component.scss <span style='color:#111;'> 104B </span>","children":null,"spread":false},{"title":"app.component.ts <span style='color:#111;'> 992B </span>","children":null,"spread":false},{"title":"app.component.html <span style='color:#111;'> 1.18KB </span>","children":null,"spread":false}],"spread":false},{"title":"styles.scss <span style='color:#111;'> 171B </span>","children":null,"spread":false},{"title":"main.ts <span style='color:#111;'> 375B </span>","children":null,"spread":false},{"title":"polyfills.ts <span style='color:#111;'> 2.77KB </span>","children":null,"spread":false},{"title":"test-setup.ts <span style='color:#111;'> 30B </span>","children":null,"spread":false},{"title":"environments","children":[{"title":"environment.ts <span style='color:#111;'> 663B </span>","children":null,"spread":false},{"title":"environment.prod.ts <span style='color:#111;'> 52B </span>","children":null,"spread":false}],"spread":false},{"title":"favicon.ico <span style='color:#111;'> 5.30KB </span>","children":null,"spread":false}],"spread":false},{"title":"tsconfig.json <span style='color:#111;'> 123B </span>","children":null,"spread":false}],"spread":false},{"title":".gitkeep <span style='color:#111;'> 1B </span>","children":null,"spread":false}],"spread":false},{"title":".huskyrc.json <span style='color:#111;'> 152B </span>","children":null,"spread":false},{"title":".editorconfig <span style='color:#111;'> 245B </span>","children":null,"spread":false},{"title":"libs","children":[{"title":"ngx-input-search","children":[{"title":"tsconfig.lib.json <span style='color:#111;'> 516B </span>","children":null,"spread":false},{"title":"package.json <span style='color:#111;'> 1.11KB </span>","children":null,"spread":false},{"title":"tslint.json <span style='color:#111;'> 187B </span>","children":null,"spread":false},{"title":"ng-package.json <span style='color:#111;'> 166B </span>","children":null,"spread":false},{"title":"jest.config.js <span style='color:#111;'> 283B </span>","children":null,"spread":false},{"title":"tsconfig.spec.json <span style='color:#111;'> 233B </span>","children":null,"spread":false},{"title":"LICENSE <span style='color:#111;'> 13B </span>","children":null,"spread":false},{"title":"src","children":[{"title":"lib","children":[{"title":"ngx-input-search.module.ts <span style='color:#111;'> 310B </span>","children":null,"spread":false},{"title":"input-search.directive.spec.ts <span style='color:#111;'> 4.99KB </span>","children":null,"spread":false},{"title":"ngx-input-search.module.spec.ts <span style='color:#111;'> 391B </span>","children":null,"spread":false},{"title":"input-search.directive.ts <span style='color:#111;'> 3.37KB </span>","children":null,"spread":false}],"spread":false},{"title":"test-setup.ts <span style='color:#111;'> 30B </span>","children":null,"spread":false},{"title":"index.ts <span style='color:#111;'> 47B </span>","children":null,"spread":false}],"spread":false},{"title":"tsconfig.json <span style='color:#111;'> 123B </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 15B </span>","children":null,"spread":false}],"spread":false},{"title":".gitkeep <span style='color:#111;'> 0B </span>","children":null,"spread":false}],"spread":false},{"title":".vscode","children":[{"title":"extensions.json <span style='color:#111;'> 164B </span>","children":null,"spread":false}],"spread":false}],"spread":false}],"spread":true}]

评论信息

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明