Pipes & Custom Pipe

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

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

// Usage in template:
// {{ "Hello Angular world" | truncate:5 }}   -> "Hello..."
// {{ price | currency:"USD" }}
// {{ today | date:"short" }}
// {{ obj | json }}