A simple angular2 pipe which truncate strings.
To install this library, run:
$ npm install angular2-truncate --save
Add the declaration in your app.module.ts
file:
import { TruncatePipe } from 'angular2-truncate'; ... @NgModule({ declarations: [ TruncatePipe ] })
Use the pipe directly in your HTML files/templates:
<span>{{ name }}</span> <!-- angular2-truncate --> <span>{{ name | truncate }}</span> <!-- angular2-t... --> <span>{{ name | truncate : 6 }}</span> <!-- angula... --> <span>{{ name | truncate : 6 : '___' }}</span> <!-- angula___ --> <span>{{ name | truncate : 6 : '___' : 'left' }}</span> <!-- ___uncate --> <span>{{ name | truncate : 6 : null : 'middle' }}</span> <!-- ang...ate -->
Parameter name | Type | Default value | Comment |
---|---|---|---|
limit | number | 10 | |
trail | string | '...' | |
position | string | 'right' | Allowed values are: 'left' , 'middle' , 'right' |
To generate all *.js
, *.js.map
and *.d.ts
files:
$ npm run tsc
To lint all *.ts
files:
$ npm run lint
MIT © Sylvain RAGOT