pdb_angular_entity
No security coverage
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)