# stf-input-list-filter

> input for filtering of list

Latest version **0.5.18** (published 2017-06-28) · ISC license · 0 weekly downloads

## Install

```sh
npm install stf-input-list-filter
pnpm add stf-input-list-filter
yarn add stf-input-list-filter
bun add stf-input-list-filter
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: has types; no vulnerabilities.

Warnings: low downloads; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.5.18 |
| Published | 2017-06-28 |
| First published | 2016-12-07 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 3 |
| Known vulnerabilities | 0 (+4 in 1 direct dependencies) |
| Install scripts | no |
| GitHub stars | 1 |
| Author | Andriy Syagrovskiy |
| Maintainers | syagr |
| Keywords | angular, input, filter, list |

## Links

- npm: https://www.npmjs.com/package/stf-input-list-filter
- Repository: https://github.com/stfalcon-studio/stf-input-list-filter
- Homepage: https://github.com/stfalcon-studio/stf-input-list-filter#readme
- Issues: https://github.com/stfalcon-studio/stf-input-list-filter/issues
- npm.io page: https://npm.io/package/stf-input-list-filter

## Dependencies (3)

- [rxjs](https://npm.io/package/rxjs.md) ^5.4.1
- [jquery](https://npm.io/package/jquery.md) ^2.2.0
- [lodash](https://npm.io/package/lodash.md) ^4.16.4

## Recent versions

- 0.5.18 (latest) — 2017-06-28
- 0.5.17 — 2017-06-27
- 0.5.16 — 2017-03-17
- 0.5.15 — 2017-03-16
- 0.5.14 — 2017-01-25
- 0.5.13 — 2017-01-25
- 0.5.12 — 2017-01-25
- 0.5.11 — 2017-01-04
- 0.5.10 — 2016-12-07
- 0.5.9 — 2016-12-07
- 0.5.8 — 2016-12-07
- 0.5.7 — 2016-12-07
- 0.5.6 — 2016-12-07
- 0.5.5 — 2016-12-07
- 0.5.4 — 2016-12-07
- … 3 more at https://npm.io/package/stf-input-list-filter/versions

## README

stf-input-list-filter Directive (list filtration)
==================================================

Directive for filtering list item

### Атрибути
- [x]  listSource       - collection
- [x]  listFiltered     - output filtered collection
- [x]  filterterKeys    - array of key with name of field. It is the fields  which will compare  with inputed value ``` key ``` or ``` key.subKey ``` and etc. ``` filtered-keys="['key', 'key.subKey']" ```
- [x]  placeholder      - placeholder
- [x]  ngModel          - ngModel

### Installing 
```sh
npm install --save stf-input-list-filter
```


### Example using

```javascript

    import "stf-input-list-filter/src/input-list-filter.scss";
    import { InputListFilterDirective } from "stf-input-list-filter";

    angular.module("app", ["pascalprecht.translate",])
    .constant('STF_INPUT_LIST_FILTER_THROTTLE_TIME', 100) // throtle  time of reaction on editing
    .directive('stfInputListFilter', InputListFilterDirective.Factory)
    ;
```

```
<stf-input-list-filter ng-model="value" placeholder="Filter" list-source="$ctrl.addresses" limit="50" list-filtered="$ctrl.addressFiltered" filterter-keys="['description']"></stf-input-list-filter>

<ul>
    <li ng-repeat="address in $ctrl.addressFiltered  track by address.id">{{address.description}}</li>
</ul>
```

---
_Source: https://npm.io/package/stf-input-list-filter · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._