[Dialog] Add a directive to simplify dialog interaction

[adammedford]

Please describe the feature you would like to request.

A directive that accepts a TemplateRef and a dialog configuration object
When the button this directive is placed on is clicked a dialog containing that Template is created

What is the use-case or motivation for this proposal?

Allows users to interact with dialogs like other components - through their markup bindings. No need to use poorly understood entry components. Dialog templates are part of the component template; input and output bindings are fully accessible (as are pipes.)

The existing programmatic only approach feels like there is a lot of ceremony over creating dialogs - many of which would otherwise be simple components.

Is there anything else we should know?

I've stubbed out what the implementation might look like here. I've used a version of this in production for over a year now. I've also included 2 examples of usage.
https://github.com/adammedford/material2/blob/open-dialog-directive/src/lib/dialog/dialog-open-directive.ts

I will submit a PR if there is interest in this; this version is to just convey what I'm talking about. I didn't want to go through the effort of a full implementation and docs if nobody cares to use it.

[crisbeto]

This should probably wait until we've moved cdk-experimental/dialog into cdk/dialog.

[adammedford]

No rush. Anybody that wants to use this can add it to their own code with little effort. That's part of why my implementation is so sparse.

I only though to submit it because I reviewed a PR in-house for a project using material2; someone was creating dialogs from pure JS because they thought the Material implementation was too complicated.

[jpzwarte]

Similar request: add a CDK variant of [mat-dialog-close]="true" directive. I just replicated this in my own project because its missing in the CDK.

[kbrilla]

Hey @crisbeto , what's the status on moving dialog from experimental to stable? What's the reason it's stuck there for over 2 years?

[angular-robot]

Just a heads up that we kicked off a community voting process for your feature request. There are 20 days until the voting process ends.

Find more details about Angular's feature request process in our documentation.

[angular-robot]

Thank you for submitting your feature request! Looks like during the polling process it didn't collect a sufficient number of votes to move to the next stage.

We want to keep Angular rich and ergonomic and at the same time be mindful about its scope and learning journey. If you think your request could live outside Angular's scope, we'd encourage you to collaborate with the community on publishing it as an open source package.

You can find more details about the feature request process in our documentation.