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