Drupal is a registered trademark of Dries Buytaert
cms 2.1.2 — Update released for Drupal core (2.1.2)! drupal 11.1.10 — Update released for Drupal core (11.1.10)! drupal 10.5.10 — Update released for Drupal core (10.5.10)! drupal 10.4.10 — Update released for Drupal core (10.4.10)! drupal 11.2.12 — Update released for Drupal core (11.2.12)! drupal 11.3.10 — Update released for Drupal core (11.3.10)! drupal 10.6.9 — Update released for Drupal core (10.6.9)! drupal 10.6.8 — Update released for Drupal core (10.6.8)! drupal 11.3.9 — Update released for Drupal core (11.3.9)! drupal 11.3.8 — Update released for Drupal core (11.3.8)! drupal 11.3.7 — Update released for Drupal core (11.3.7)! drupal 11.2.11 — Update released for Drupal core (11.2.11)! drupal 10.6.7 — Update released for Drupal core (10.6.7)! drupal 10.5.9 — Update released for Drupal core (10.5.9)! cms 2.1.1 — Update released for Drupal core (2.1.1)! drupal 11.3.6 — Update released for Drupal core (11.3.6)! drupal 10.6.6 — Update released for Drupal core (10.6.6)! cms 2.1.0 — Update released for Drupal core (2.1.0)! linkit 7.0.15 — Minor update available for module linkit (7.0.15). views_data_export 8.x-1.10 — Minor update available for module views_data_export (8.x-1.10).
← All modules

pdb_angular_entity

No security coverage
View on drupal.org

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

Activity

Total releases
4
First release
Apr 2026
Latest release
4 weeks ago
Release cadence
6 days
Stability
50% stable

Release Timeline

Releases

Version Type Release date
1.1.0 Stable Apr 22, 2026
1.0.0 Stable Apr 8, 2026
1.x-dev Dev Apr 5, 2026
1.0.x-dev Dev Apr 5, 2026