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

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

Fixes #28791.

Author: crisbeto

goldens/material/dialog/index.api.md

@@ -4,6 +4,7 @@
 
 ```ts
 
+import { Binding } from '@angular/core';
 import { CdkDialogContainer } from '@angular/cdk/dialog';
 import { ComponentPortal } from '@angular/cdk/portal';
 import { ComponentRef } from '@angular/core';
@@ -125,6 +126,7 @@ export class MatDialogConfig<D = any> {
     ariaModal?: boolean;
     autoFocus?: AutoFocusTarget | string | boolean;
     backdropClass?: string | string[];
+    bindings?: Binding[];
     closeOnNavigation?: boolean;
     closePredicate?: <Result = unknown, Component = unknown, Config extends DialogConfig = MatDialogConfig>(result: Result | undefined, config: Config, componentInstance: Component | null) => boolean;
     data?: D | null;

goldens/material/dialog/testing/index.api.md

@@ -6,6 +6,7 @@
 
 import * as _angular_cdk_testing from '@angular/cdk/testing';
 import { BaseHarnessFilters } from '@angular/cdk/testing';
+import { Binding } from '@angular/core';
 import { CdkDialogContainer } from '@angular/cdk/dialog';
 import { ComponentHarnessConstructor } from '@angular/cdk/testing';
 import { ComponentPortal } from '@angular/cdk/portal';

src/material/dialog/dialog-config.ts

@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {ViewContainerRef, Injector} from '@angular/core';
+import {ViewContainerRef, Injector, Binding} from '@angular/core';
 import {Direction} from '@angular/cdk/bidi';
 import {ScrollStrategy} from '@angular/cdk/overlay';
 import {DialogConfig, RestoreFocusValue} from '@angular/cdk/dialog';
@@ -159,5 +159,9 @@ export class MatDialogConfig<D = any> {
    */
   exitAnimationDuration?: string | number;
 
-  // TODO(jelbourn): add configuration for lifecycle hooks, ARIA labelling.
+  /**
+   * Bindings to apply to the component rendered inside the dialog.
+   * Does nothing for template-based dialogs.
+   */
+  bindings?: Binding[];
 }

src/material/dialog/dialog.spec.ts

@@ -20,6 +20,7 @@ import {
   Directive,
   Injectable,
   Injector,
+  Input,
   NgModule,
   TemplateRef,
   ViewChild,
@@ -28,6 +29,7 @@ import {
   forwardRef,
   signal,
   inject,
+  inputBinding,
 } from '@angular/core';
 import {ComponentFixture, TestBed} from '@angular/core/testing';
 import {By} from '@angular/platform-browser';
@@ -736,6 +738,15 @@ describe('MatDialog', () => {
         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', async () => {
@@ -2340,6 +2351,7 @@ class ComponentWithTemplateRef {
   changeDetection: ChangeDetectionStrategy.Eager,
 })
 class PizzaMsg {
+  @Input() flavor = 'unknown';
   dialogRef = inject<MatDialogRef<PizzaMsg>>(MatDialogRef);
   dialogInjector = inject(Injector);
   directionality = inject(Directionality);