0.5.18 • Published 7 years ago
stf-input-list-filter v0.5.18
stf-input-list-filter Directive (list filtration)
Directive for filtering list item
Атрибути
- listSource - collection
- listFiltered - output filtered collection
- filterterKeys - array of key with name of field. It is the fields which will compare with inputed value
key
orkey.subKey
and etc.filtered-keys="['key', 'key.subKey']"
- placeholder - placeholder
- ngModel - ngModel
Installing
npm install --save stf-input-list-filter
Example using
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>