stf-input-list-filter

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 or key.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>