bug(cdk/dialog): parent injector not working correctly

[DaSchTour]

Is this a regression?

• Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

18

Description

Tokens from the parent injector are not available.
The behaviour is different between a ngComponentOutlet and the injector added to dialog

Reproduction

StackBlitz link: https://stackblitz.com/edit/stackblitz-starters-epebydgb
Steps to reproduce:
1.
2.

Expected Behavior

Tokens from the parent injector are available

Actual Behavior

Tokens from parent injector are not available

Environment

     _                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/
    

Angular CLI: 19.0.0
Node: 18.20.3
Package Manager: npm 10.2.3
OS: linux x64

Angular: 19.0.0
... animations, build, cli, common, compiler, compiler-cli, core
... forms, platform-browser, router

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.1900.0
@angular-devkit/core         19.0.0
@angular-devkit/schematics   19.0.0
@angular/cdk                 19.0.5
@schematics/angular          19.0.0
rxjs                         7.8.1
typescript                   5.6.3
zone.js                      0.15.0

[DaSchTour]

One interesting thing is, that reproviding the token from the parent injector works. So this is the current workaround.

const token = this.injector.get(ROUTE_TOKEN);
const injector = Injector.create({
  providers: [
    { provide: SOME_TOKEN, useValue: 'Other Value' },
    { provide: ROUTE_TOKEN, useValue: token },
  ],
  parent: this.injector,
});

[us77ipis]

Similar issue here using MatDialog, though nested: I can inject a service in the dialog component itself alone and it works, however if I have a nested component used inside the template of the dialog component that also injects the same service then it breaks in the same way as the reproduction above.

EDIT: Actually my issue was caused by a cyclic import angular/angular#58802

[jmeinlschmidt]

same issue here, it is a blocker for our upgrade

[Norby125]

@crisbeto, I’d appreciate it if you could prioritize this. The workaround suggested by @DaSchTour does work, but it’s quite inconvenient. While another option might be to use viewContainerRef, it’s not always applicable, such as when opening a dialog from an NGRX effect (unless we pass the viewContainerRef to the action, which is far from ideal). The amount of code required for the workaround is excessive, and it can vary significantly depending on the case, as the DI elements might be very different in each scenario. Passing the injector should be a straightforward solution, as it was in the latest 18.x version.

Could your team please give any ETA on this issue? Thank you!

[jmeinlschmidt]

bump