❤
npm
Sign UpSign In

ngx-mat-query-search
TypeScript icon, indicating that this package has built-in type declarations

0.6.0 • Public • Published

NgxMaterialQuerySearch npm version

Demo

Usage

  1. Import the module:
  imports: [
  QuerySearchModule.forRoot({
    loggingCallback:  (...args) => {
      console.log(...args);
    },
    debug: true,
    encode: false
  }),
]
  1. Use in a component template:
<ngx-query-search>
  <query-fields>
    <query-field name="name" label="Full Name" type="string"></query-field>
    <query-field name="hasValues" label="Has Values" type="string" [values]="['a', 'b']"></query-field>
    <query-field name="birthday" label="Birthday" type="date" format="dd/MM/yyyy"></query-field>
    <query-field name="joinDay" label="Join Date" type="date" format="MM/dd"></query-field>
  </query-fields>
</ngx-query-search>
  1. Use the service to consume the output:
 constructor(private querySearchService: QuerySearchService) {
  this.querySearchService.queryUpdated.subscribe(newQueryObject => this.queryObject = newQueryObject);
  this.querySearchService.queryStringUpdated.subscribe(newQueryString => this.queryString = newQueryString);
}

Readme

Keywords

none

Package Sidebar

Install

npm i ngx-mat-query-search

Repository

github.com/128keaton/NgxMaterialQuerySearch

Homepage

github.com/128keaton/NgxMaterialQuerySearch#readme

Weekly Downloads

20

Version

0.6.0

License

MIT

Unpacked Size

1.05 MB

Total Files

91

Last publish

Collaborators

  • 128keaton
Try on RunKit
Report malware