feat(cdk/dialog): add the ability to pass bindings

Adds the ability to pass a `Binding[]` to the component being rendered.

Author: crisbeto

goldens/cdk/dialog/index.api.md

@@ -120,6 +120,7 @@ export class DialogConfig<D = unknown, R = unknown, C extends DialogContainer =
     ariaModal?: boolean;
     autoFocus?: AutoFocusTarget | string | boolean;
     backdropClass?: string | string[];
+    bindings?: Binding[];
     closeOnDestroy?: boolean;
     closeOnNavigation?: boolean;
     closeOnOverlayDetachments?: boolean;

src/cdk/dialog/dialog-config.ts

@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {ViewContainerRef, Injector, StaticProvider, Type} from '@angular/core';
+import {ViewContainerRef, Injector, StaticProvider, Type, Binding} from '@angular/core';
 import {Direction} from '../bidi';
 import {PositionStrategy, ScrollStrategy} from '../overlay';
 import {Observable} from 'rxjs';
@@ -191,4 +191,10 @@ export class DialogConfig<D = unknown, R = unknown, C extends DialogContainer =
    * A function can be passed in to resolve the context lazily.
    */
   templateContext?: Record<string, any> | (() => Record<string, any>);
+
+  /**
+   * Bindings to apply to the component rendered inside the dialog.
+   * Does nothing for template-based dialogs.
+   */
+  bindings?: Binding[];
 }

src/cdk/dialog/dialog.spec.ts

@@ -17,11 +17,13 @@ import {
   Directive,
   InjectionToken,
   Injector,
+  Input,
   TemplateRef,
   ViewChild,
   ViewContainerRef,
   ViewEncapsulation,
   inject,
+  inputBinding,
 } from '@angular/core';
 import {ComponentFixture, TestBed} from '@angular/core/testing';
 import {By} from '@angular/platform-browser';
@@ -606,6 +608,15 @@ describe('Dialog', () => {
         expect(dialogRef.componentInstance!.data).toBeNull();
       }).not.toThrow();
     });
+
+    it('should be able to apply bindings', () => {
+      const dialogRef = dialog.open(PizzaMsg, {
+        bindings: [inputBinding('flavor', () => 'pepperoni')],
+      });
+      viewContainerFixture.detectChanges();
+
+      expect(dialogRef.componentInstance!.flavor).toBe('pepperoni');
+    });
   });
 
   it('should not keep a reference to the component after the dialog is closed', () => {
@@ -1364,6 +1375,7 @@ class ComponentWithTemplateRef {
   changeDetection: ChangeDetectionStrategy.Eager,
 })
 class PizzaMsg {
+  @Input() flavor = 'unknown';
   dialogRef = inject<DialogRef<PizzaMsg>>(DialogRef);
   dialogInjector = inject(Injector);
   directionality = inject(Directionality);

src/cdk/dialog/dialog.ts

@@ -302,7 +302,13 @@ export class Dialog implements OnDestroy {
     } else {
       const injector = this._createInjector(config, dialogRef, dialogContainer, this._injector);
       const contentRef = dialogContainer.attachComponentPortal<C>(
-        new ComponentPortal(componentOrTemplateRef, config.viewContainerRef, injector),
+        new ComponentPortal(
+          componentOrTemplateRef,
+          config.viewContainerRef,
+          injector,
+          null,
+          config.bindings,
+        ),
       );
       (dialogRef as {componentRef: ComponentRef<C>}).componentRef = contentRef;
       (dialogRef as {componentInstance: C}).componentInstance = contentRef.instance;