This project is not covered by Drupal’s security advisory policy.
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)
Project information
- Project categories: Content display, Decoupled
- Created by keboca on , updated
This project is not covered by the security advisory policy.
Use at your own risk! It may have publicly disclosed vulnerabilities.
Releases
1.1.0
released 22 April 2026
Works with Drupal: ^10.2 || ^11
Adds a block plugin that exposes any PDB Angular component as a placeable Drupal block, plus a development mode toggle for Angular runtime console logging.
Install:
Development version: 1.x-dev updated 22 Apr 2026 at 16:55 UTC
1.0.0
released 8 April 2026
Works with Drupal: ^10.2 || ^11
First stable release. Provides an Angular Component view mode for Drupal entities, resolving field values server-side and bootstrapping modern Angular standalone components via @angular/elements and drupalSettings.
Install:
Development version: 1.0.x-dev updated 8 Apr 2026 at 12:17 UTC
