Breaking News: Grepper is joining You.com. Read the official announcement!

how to open component as a dialog in angular

LovelyGeeks answered on July 13, 2022 Popularity 9/10 Helpfulness 4/10

answer how to open component as a dialog in angular

related open dialog in angular

how to open component as a dialog in angular

Comment

//For this We need need Angular Material(MatDialog)
//Make sure you import matDialog in app module like:
import { MatDialogModule } from '@angular/material/dialog';

//Now Go to ts file from where you want to open Dialog and Do following:
const dialogRef = this.dialog.open(SampleComponent,
      { data: { ID: data.Id, Name: data.Name }, width: '1000px', height: '1000px' }
    );
//Note: Component Name is: SampleComponent and we are passing data to the dialog component.
//and to receive this data in Sample Component We need to inject it in constructor like this.

@Inject(MAT_DIALOG_DATA) public data: any

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: angular dialog javascript

Link to this answer
Share Copy Link

Contributed on Jul 13 2022

LovelyGeeks

0 Answers Avg Quality 2/10

Closely Related Answers

open dialog in angular

Comment

 const dialogRef = this.dialog.open(PreEnrollmentDetailsNotesAndAttachmentsComponent, {
            disableClose: true,
            data: this.memberEnrollmentHeaderAttachmentAndNoteModel,
          });

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: angular

Link to this answer
Share Copy Link

Contributed on Dec 18 2023

Nanu

0 Answers Avg Quality 2/10

how to open component as a dialog in angular

Contents

More Related Answers

how to open component as a dialog in angular

Closely Related Answers

open dialog in angular

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.