File

src/app/core/modal/modal.component.ts

Implements

OnInit

Metadata

selector app-modal
templateUrl ./modal.component.html

Index

Properties
Methods

Constructor

constructor(dialogRef: MatDialogRef, data)
Parameters :
Name Type Optional
dialogRef MatDialogRef<ModalComponent> No
data No

Methods

cancel
cancel()
Returns : void
ngOnInit
ngOnInit()
Returns : void
ok
ok()
Returns : void

Properties

message
Type : string
title
Type : string
import { Component, Inject, OnInit } from '@angular/core';
import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';

@Component({
  selector: 'app-modal',
  templateUrl: './modal.component.html'
})
export class ModalComponent implements OnInit {
  message: string;
  title: string;

  constructor(
    private dialogRef: MatDialogRef<ModalComponent>,
    @Inject(MAT_DIALOG_DATA) data
  ) {
    this.title = data.title;
    this.message = data.message;
  }
  ngOnInit() {}

  ok() {
    this.dialogRef.close(true);
  }

  cancel() {
    this.dialogRef.close(false);
  }
}
<h2 mat-dialog-title>{{title}}</h2>

<mat-dialog-content>
  <p>{{message}}</p>
</mat-dialog-content>

<mat-dialog-actions>
  <button class="mat-raised-button" (click)="cancel()">Cancel</button>
  <button class="mat-raised-button mat-primary" (click)="ok()">OK</button>
</mat-dialog-actions>
Legend
Html element
Component
Html element with directive

result-matching ""

    No results matching ""