yllieth / angular2-truncate

[Lib] A pipe to truncate strings in Angular2 project
MIT License
4 stars 7 forks source link
angular-pipe angular2

angular2-truncate

A simple angular2 pipe which truncate strings.

Installation

To install this library, run:

$ npm install angular2-truncate --save

Usage

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 -->

Parameters

Parameter name Type Default value Comment
limit number 10
trail string '...'
position string 'right' Allowed values are: 'left', 'middle', 'right'

Development

To generate all *.js, *.js.map and *.d.ts files:

$ npm run tsc

To lint all *.ts files:

$ npm run lint

License

MIT © Sylvain RAGOT