dbx-value-pipes
CommunityTransform values in Angular templates with pipes.
System Documentation
What problem does it solve?
Angular templates frequently require transforming values for display, such as truncating text, formatting numbers or dates, and resolving GetterOrValue types. The dbx-value-pipes library provides a cohesive set of pipes that centralize these concerns, reducing boilerplate and ensuring consistent presentation across components.
Core Features & Use Cases
- Resolve GetterOrValue<T> types with GetValuePipe and GetValueOncePipe.
- Truncate long text with CutTextPipe.
- Format currency with DollarAmountPipe.
- Date/time formatting and range pipes (dateDayRange, dateTimeRange, etc.).
- Convert values to observables for async pipelines with AsObservablePipe.
- Pretty-print JSON with PrettyJsonPipe and simple template-wide formatting.
- Easily compose pipes in templates for rich UI presentations.
Quick Start
Install the library and import the needed pipes into your Angular app. Then, use in templates like {{ value | getValue }} or {{ price | dollarAmount }}. For standalone components, import the pipes directly in the component metadata.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: dbx-value-pipes Download link: https://github.com/dereekb/dbx-components/archive/main.zip#dbx-value-pipes Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.