# angular-text-truncate

> This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.6.3.

Latest version **0.0.2** (published 2018-03-19) · MIT license · 0 weekly downloads

## Install

```sh
npm install angular-text-truncate
pnpm add angular-text-truncate
yarn add angular-text-truncate
bun add angular-text-truncate
```

## Health

**Score 30/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities; high quality score.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.2 |
| Published | 2018-03-19 |
| First published | 2018-03-19 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 15 |
| Unpacked size | 38.7 KB |
| Known vulnerabilities | 0 (+21 in 3 direct dependencies) |
| Install scripts | no |
| Maintainers | vsnrakesh |

## Links

- npm: https://www.npmjs.com/package/angular-text-truncate
- npm.io page: https://npm.io/package/angular-text-truncate

## Dependencies (15)

- [rxjs](https://npm.io/package/rxjs.md) ^5.5.2
- [tslib](https://npm.io/package/tslib.md) ^1.7.1
- [core-js](https://npm.io/package/core-js.md) ^2.4.1
- [zone.js](https://npm.io/package/zone.js.md) ^0.8.14
- [bootstrap](https://npm.io/package/bootstrap.md) ^4.0.0
- [@angular/core](https://npm.io/package/@angular/core.md) ^5.0.0
- [@angular/http](https://npm.io/package/@angular/http.md) ^5.0.0
- [@angular/forms](https://npm.io/package/@angular/forms.md) ^5.0.0
- [@angular/common](https://npm.io/package/@angular/common.md) ^5.0.0
- [@angular/router](https://npm.io/package/@angular/router.md) ^5.0.0
- [@angular/compiler](https://npm.io/package/@angular/compiler.md) ^5.0.0
- [@angular/animations](https://npm.io/package/@angular/animations.md) ^5.0.0
- [@angular/platform-browser](https://npm.io/package/@angular/platform-browser.md) ^5.0.0
- [@ng-bootstrap/ng-bootstrap](https://npm.io/package/@ng-bootstrap/ng-bootstrap.md) ^1.0.0
- [@angular/platform-browser-dynamic](https://npm.io/package/@angular/platform-browser-dynamic.md) ^5.0.0

## Recent versions

- 0.0.2 (latest) — 2018-03-19

## README

# AngularTextTruncate

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.6.3.

## Install: 

```
npm install angular-text-truncate --save

import AngularTextTruncateModule from 'angular-text-truncate';

```

## Usage:

```
By default just specify the text message that you want to truncate

  <angular-text-truncate
      [textMessage]="textMessage">
  </angular-text-truncate>

```

## Attributes

```
  all avilable attributes are:
  
  -> [textMessage]="textMessage" // text message that needs to be truncated
  -> [textDisplayLength]="200" // how many characters you want to display in trucated text, default will be 100,
  -> [endingIcon]="endingTextIcon" // concat any icon at the end of truncated text, default will be '...' .
  -> [displayLabels]="['show more', 'show less']" // send array of labels that needs to be displayed, default will be 'more' , 'less';

```

```
  Example:
  
    <angular-text-truncate
      [textMessage]="textMessage"
      [textDisplayLength]="200"
      [endingIcon]="endingText"
      [displayLabels]="['show more', 'show less']">
    </angular-text-truncate>

```

### you can access the demo link here  https://rakeshuvsn.github.io/angular-text-truncate/

---
_Source: https://npm.io/package/angular-text-truncate · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._
