feat(Dialog): Allow data to be a signal

[spock123]

Feature Description

Currently, to access data inside a material component, and treat it as a signal, we have to inject MAT_DIALOG_DATA and get the data like this:

import { MAT_DIALOG_DATA } from '@angular/components/dialog';

data =signal( inject(MAT_DIALOG_DATA)) // create signal from input data

ngOnInit() {
    // Do something with the data
}

Proposal:

Create a new function that injects MAT_DIALOG_DATA for us, and returns the injected data as a signal:

import { dialogData } from '@angular/material/dialog' // new function

data = dialogData(); // data is now a signal

doSomething = effect( () => dosomethingWithhdata( this.data());

Use Case

Having data inputs for dialogs handled in the same way as regular components, and having the inputs available as signals without needing the boilerplate code we currently need to do.

Having inputs as signals also lets us avoid using ngOnInit and constructors because it lets us use effect() to initiate actions

[Akxe]

I don't think there is a way to change the data after they have been passed to dialog. If you want a signal inside the dialog component I use an object with a signal property. This way you can use effect too.

class MyDialog {
  private readonly dataSignal = inject(MAT_DIALOG_DATA).signal;
  
  readonly doSomething = effect(() => dosomethingWithhdata(this.dataSignal());
}

[spock123]

@Akxe that seems like an interesting approach, didn't think of actually passing the signal itself. Very interesting, will definitely play with this. Thanks