Components: Example usage of MdDialog doesn't use md-dialog-content

Created on 12 Jan 2017 · 4Comments · Source: angular/components

This page gives an example of how to use MdDialog but it does not surround the dialog contents with ...
https://github.com/angular/material2/tree/master/src/lib/dialog

(I assume it is always required. The description of md-dialog-content is: "Scrollable content of the dialog." does not say that it's only required if scrolling is desired.)

P3 has pr

Source

alexsapps

Most helpful comment

For reference:

        <p md-dialog-title>{{ title }}</p>
        <md-dialog-content>
          <p>{{ message }}</p>
        </md-dialog-content>
        <md-dialog-actions>
          <button md-raised-button md-dialog-close>{{closeText}}</button>
          <button type="button" md-raised-button *ngIf="enableNext"
              (click)="dialogRef.close(true)">{{nextText}}</button>
        </md-dialog-actions>

This snippet demonstrates several things:

variables can be utilized to insert text of anything.
How md-dialog-title is used (this is documented in the example)
How md-dialog-content is used.
How is used.

machtyn on 28 Jan 2017

👍3 ❤1

All 4 comments

It's not required, and you can implement scrolling without it by using CSS

antonyRoberts on 13 Jan 2017

@crisbeto can you add an example for this once the examples are moved to the material2 repo in #2781?

jelbourn on 27 Jan 2017

For reference:

        <p md-dialog-title>{{ title }}</p>
        <md-dialog-content>
          <p>{{ message }}</p>
        </md-dialog-content>
        <md-dialog-actions>
          <button md-raised-button md-dialog-close>{{closeText}}</button>
          <button type="button" md-raised-button *ngIf="enableNext"
              (click)="dialogRef.close(true)">{{nextText}}</button>
        </md-dialog-actions>

This snippet demonstrates several things: