angular-pipes

What problem does it solve?

Centralizes and simplifies value transformation and formatting inside Angular templates so developers avoid repetitive logic in components and prevent performance regressions from improper change detection. It helps you choose between pure and impure implementations, integrate async data with the async pipe, and adopt standalone and signal-friendly patterns introduced in recent Angular versions.

Core Features & Use Cases

• Pure pipes for performance: Stateless transformations that run only when inputs change, ideal for formatting, casing, and value conversions.
• Async pipe integration: Safely unwrap Observables and Promises in templates without manual subscription management.
• Standalone & DI-friendly pipes: Register pipes as standalone and use inject() for lightweight dependency injection in transform logic.
• Use cases: Formatting dates/currencies, JSON/debug output, key/value iteration, lightweight translation lookups, and chaining transforms for concise templates.

Quick Start

Create a standalone pure pipe named 'capitalize' that capitalizes the first character of a string and show how to use it in a standalone component template.