How to show less content in Angular

Made by @Vic-rider

NgxLessTextPipe

This pipe is created to help show less content like emails, descriptions, details.

Install

Run npm i ngx-less-text-pipe to install it.

Import

Navigate to the module or standalone component in which you want to use.

 import { NgxLessTextModule } from "ngx-less-text-pipe"; @NgModule({ declarations: [ ], imports: [ BrowserModule, NgxLessTextModule ], providers: [], }) export class ProductsModule { } 

Use

You have to go to your template where you want to use lessText pipe.

<p> {{ product.description | lessText:'100' }} </p> 

Here, 100 represents the number of characters you want to display.