Package Exports
- time-ago-pipe
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (time-ago-pipe) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
time-ago-pipe
A really simple, lightweight Angular pipe for converting a date string into a time ago
| Time Range | Output |
|---|---|
| 0 - 45 seconds | a few seconds ago |
| 45 - 90 seconds | a minute ago |
| 90 seconds - 45 minutes | X minutes ago |
| 45 - 90 minutes | an hour ago |
| 90 minutes - 22 hours | X hours ago |
| 22 - 36 hours | a day ago |
| 36 hours - 25 days | X days ago |
| 25 - 45 days | a month ago |
| 45 - 345 days | X months ago |
| 345 - 545 days (1.5 years) | a year ago |
| 546 days+ | X years ago |
| ##Installation | |
npm install time-ago-pipe --save |
Usage
It can be imported into your angular project, as you would for any other library.
The d.ts files are included, so typings should be picked up automatically.
& thanks to awesome contributors, should now be AoT friendly too.
SystemJS
in your system config file:
map: {
'time-ago-pipe':'node_modules/time-ago-pipe',
etc
}packages: {
'time-ago-pipe': {main: 'time-ago-pipe.js'},
etc
}Then in the @NgModule you want to use it in
import {TimeAgoPipeModule} from 'time-ago-pipe';
& add "TimeAgoPipeModule" to your imports
@NgModule({ imports: [... etc ..., TimeAgoPipeModule], declarations: [AppComponent, ... etc ...], bootstrap: [AppComponent] })
In your component templates you can just do:
<span>{{your_date | timeAgo}}</span>where "your_date" is a local date string, which could be parsed by the standard Js Date()