md-dialog
v0.0.1-alpha.1
Published
Angular 2 Material dialog
Downloads
111
Maintainers
Readme
md-dialog
Native Angular2 Material Dialog component
Installation
npm install --save md-dialog
Selector
<md-dialog></md-dialog>
API
Example:
<md-dialog #confirm>
<md-dialog-title>Confirm Title</md-dialog-title>
Body Content...
</md-dialog>
<button (click)="confirm.show()">Open Confirm Dialog</button>
//app-module.ts
import {MdDialogModule} from 'md-dialog/dialog';
@NgModule({
imports: [
MdDialogModule,
],
declarations: [
...
]
})
//component.ts
...
@Component({
selector: "..."
})
export class ... {
...
}
Properties
[title]
- string - (Default:null
)(Optional) - The title of the dialog
Open/Close Dialog
Use the component's show()
and close()
method to properly trigger the dialog's display. Reference the dialog using in your view to have access to the method to use.