src/lib/dialog/fullscreen/fullscreen.component.ts
| selector | cause-dialog-fullscreen |
| styleUrls | fullscreen.component.styl |
| templateUrl | ./fullscreen.component.html |
content
|
Type: |
title
|
Type: |
constructor(dialogRef: MdDialogRef
|
| ngOnInit |
ngOnInit()
|
|
Returns :
void
|
| dialogRef |
dialogRef: |
Type : MdDialogRef<FullscreenComponent>
|
import {Component, Input, OnInit} from '@angular/core';
import {MdDialogRef} from '@angular/material';
@Component({
selector: 'cause-dialog-fullscreen',
templateUrl: './fullscreen.component.html',
styleUrls: ['./fullscreen.component.styl']
})
export class FullscreenComponent implements OnInit {
@Input() title: string;
@Input() content: string;
constructor(public dialogRef: MdDialogRef<FullscreenComponent>) { }
ngOnInit() {
}
}
<span class="close" (click)="dialogRef.close()"><md-icon>close</md-icon></span>
<h1 md-dialog-title>{{title}}</h1>
<div md-dialog-content innerHTML="{{content}}"></div>