पाठ 24 / 30

कस्टम पाइप्स

अपना खुद का ट्रांसफॉर्मेशन लॉजिक एक पुनः-उपयोगी पाइप के रूप में लिखें।

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({ name: 'truncate', standalone: true })
export class TruncatePipe implements PipeTransform {
  transform(value: string, limit = 20): string {
    return value.length > limit ? value.slice(0, limit) + '…' : value;
  }
}

<p>{{ article.summary | truncate:80 }}</p>