ng g pipe course/summary
// course.component.html
{{ costumPipe | summary }}
{{ costumPipe | summary:20 }}
// course.component.ts
costumPipe = `Lorem ipsum dolor sit,
amet consectetur adipisicing elit. Impedit sequi animi deserunt mollitia explicabo,
illum, pariatur officia qui, aliquam eos rerum iure
sed culpa enim officiis ea asperiores a veritatis `;
// summary.pipe.ts
import { Pipe, PipeTransform } from '@angular/core';
@Pipe({
name: 'summary'
})
export class SummaryPipe implements PipeTransform {
transform(value: string, limit?: number) {
if (!value)
return null;
let actualLimit = (limit) ? limit : 50;
return value.substr(0, actualLimit) + '...';
}
}
// app.module.ts
import { SummaryPipe } from './course/summary.pipe';
declarations: [
SummaryPipe
],