feat(material/bottom-sheet): add the ability to pass bindings

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

Author: crisbeto

goldens/material/bottom-sheet/index.api.md

@@ -4,6 +4,7 @@
 
 ```ts
 
+import { Binding } from '@angular/core';
 import { CdkDialogContainer } from '@angular/cdk/dialog';
 import { ComponentRef } from '@angular/core';
 import { ComponentType } from '@angular/cdk/portal';
@@ -53,6 +54,7 @@ export class MatBottomSheetConfig<D = any> {
     ariaModal?: boolean;
     autoFocus?: AutoFocusTarget | string | boolean;
     backdropClass?: string;
+    bindings?: Binding[];
     closeOnNavigation?: boolean;
     data?: D | null;
     direction?: Direction;

src/material/bottom-sheet/bottom-sheet-config.ts

@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {InjectionToken, Injector, ViewContainerRef} from '@angular/core';
+import {Binding, InjectionToken, Injector, ViewContainerRef} from '@angular/core';
 import {Direction} from '@angular/cdk/bidi';
 import {ScrollStrategy} from '@angular/cdk/overlay';
 import {RestoreFocusValue} from '@angular/cdk/dialog';
@@ -86,4 +86,10 @@ export class MatBottomSheetConfig<D = any> {
 
   /** Maximum height for the bottom sheet. If a number is provided, assumes pixel units. */
   maxHeight?: number | string;
+
+  /**
+   * Bindings to apply to the component rendered inside the dialog.
+   * Does nothing for template-based dialogs.
+   */
+  bindings?: Binding[];
 }

src/material/bottom-sheet/bottom-sheet.spec.ts

@@ -17,13 +17,15 @@ import {
   Directive,
   Injectable,
   Injector,
+  Input,
   NgModule,
   TemplateRef,
   ViewChild,
   ViewContainerRef,
   ViewEncapsulation,
   forwardRef,
   inject,
+  inputBinding,
   ChangeDetectionStrategy,
 } from '@angular/core';
 import {ComponentFixture, TestBed} from '@angular/core/testing';
@@ -506,6 +508,15 @@ describe('MatBottomSheet', () => {
         expect(bottomSheetRef.instance.data).toBeNull();
       }).not.toThrow();
     });
+
+    it('should be able to apply bindings', () => {
+      const bottomSheetRef = bottomSheet.open(PizzaMsg, {
+        bindings: [inputBinding('flavor', () => 'pepperoni')],
+      });
+      viewContainerFixture.detectChanges();
+
+      expect(bottomSheetRef.instance.flavor).toBe('pepperoni');
+    });
   });
 
   describe('disableClose option', () => {
@@ -1055,6 +1066,7 @@ class ComponentWithTemplateRef {
   changeDetection: ChangeDetectionStrategy.Eager,
 })
 class PizzaMsg {
+  @Input() flavor = 'unknown';
   bottomSheetRef = inject<MatBottomSheetRef<PizzaMsg>>(MatBottomSheetRef);
   injector = inject(Injector);
   directionality = inject(Directionality);