ng-alphabetic-filter v1.0.3

Angular Alphabetic Filter directive

Directive to use filter functionality using A-Z buttons

How to install

npm i ng-alphabetic-filter --save

Path

<script src="./node_modules/ng-alphabetic-filter/ng-alphabetic-filter.js" ></script>

How to use

js - angular.module("my-app", ['ng-alphabetic-filter']);
html - <alphabetic-filter data="dataSource" property-to-filter="name"></alphabetic-filter>

Dependencies

angularjs > 1.x.x

Required fields

data
property-to-filter ( property-to-filter is case sensitive )

Other properties

Example

<alphabetic-filter
    data="vm.dataSource"
    property-to-filter="name"
    bootstrap-button-color="btn btn-primary"
    bootstrap-button-size="btn-md"
    clear-button-color="btn btn-danger"
    >
</alphabetic-filter>

Check above example here

https://punitsonime.github.io/ng-alphabetic-filter

Note

• To use bootstrap-button-color, bootstrap-button-size, clear-button-color properties bootstrap is required.
• Currently working on only fields which have string value

How to test this directive

Install browser-sync globally to run local server

- npm i browser-sync -g
- Now run "npm start" command after installing ng-alphabetic-filter package.