PDB Angular Entity
No security coverage
PDB ecosystem
This project enables rendering Drupal entities using Angular components through the Progressively Decoupled Blocks framework. It compiles Angular components into Web Components that display Drupal entity fields, resolved server-side for efficient performance.
Renders Drupal entities using modern Angular components via the Progressively Decoupled Blocks (PDB) framework.
Each entity gets its own Angular Custom Element (Web Component) compiled with @angular/elements. Field values are resolved server-side in PHP and forwarded to the component at runtime via drupalSettings, keeping your Angular components clean of Drupal API knowledge.
Features
- Angular Custom Elements — components are compiled to native Web Components via
@angular/elements; no iframe, no full SPA - Entity view mode — adds an "Angular Component" view mode to any entity type you choose; configure under Manage Display like any other display
- Server-side field resolution — map any Drupal field to an Angular
@Input()using dot-notation (e.g.body:value,field_image:file:url) with optional Drupal token fallback - Shared Angular runtime — the Angular runtime loads once per page regardless of how many components are present; per-component JS is only loaded when that component appears in the page
- PDB ecosystem — builds on PDB 3.x component discovery;
presentation: angularcomponents are discovered automatically
Requirements
- Drupal 10.2 or 11
- PDB (Progressively Decoupled Blocks) 3.x
- Node.js 18+ and Angular CLI 21+ (for building component bundles)