Dipi
A simple Angular library that contain a huge, useful pack of Directives and Pipes for Angular developers.
Quick Start
- Install
Dipi
library:
$ npm i dipi -D
- Import
DipiModule
inside your Angular module:
....;
Documentation
Website documentation is in development.
Pipes
| join
join Example
#### Default value
{{ textList | join }} <!-- Dipi,is,working! -->
#### Custom value
{{ textList | join: ' ' }} <!-- Dipi is working! -->
| safe
safe Example
Default value: url
. Possible values: 'html' | 'css' | 'js' | 'url' | 'res-url'
#### Default value
#### Custom value
Red text
| filter
filter
| searchFilter
searchFilter
Directives
[debounce]
debounce Example
app.component.ts
;
#### Default value
Dipi Seed {{ node.name }}
#### Custom value
Dipi Seed {{ node.name }}
*lazyFor
lazyFor
offsetHeight
offsetHeight
In Development
-
Pipes:
| distinct
| formatter
| timer
-
Directives:
-
Website documentation
Help
I will be so glad if you will create an issue with your own useful Directive
or Pipe
that will be used by other Angular developers .
Knowledge sharing is our strength!
Contributing
Please read contributing guidelines here.
License
MIT