PDB Angular Entity

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: angular components 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)