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

pass data to dialog of angular

Manohar Shrestha answered on September 19, 2022 Popularity 9/10 Helpfulness 7/10

answer pass data to dialog of angular

related angularjs material send data to dialog

pass data to dialog of angular

Comment

this.dialogRef = this.dialog.open(someComponent, {
Whatever

1
this.dialogRef = this.dialog.open(someComponent, {
2
  width: '330px',
  width: '330px',
  height: '400px',
  data: {
    dataKey: yourData
  }
});

saveComponent  file
import {MAT_DIALOG_DATA} from '@angular/material/dialog';
import { Inject } from '@angular/core';


constructor(
   @Inject(MAT_DIALOG_DATA) public data: any
) { }

ngOnInit() {
  // will log the entire data object
  console.log(this.data)
}

Popularity 9/10 Helpfulness 7/10 Language javascript

Source: stackoverflow.com

Tags: angular dialog javascript pass-data

Link to this answer
Share Copy Link

Contributed on Dec 16 2022

Manohar Shrestha

0 Answers Avg Quality 2/10

Closely Related Answers

angularjs material send data to dialog

Comment

$mdDialog.show({
            locals:{dataToPass: $scope.parentScopeData},                
            clickOutsideToClose: true,                
            controllerAs: 'ctrl',                
            templateUrl: 'quotation/edit/',//+edit_id,
            controller: mdDialogCtrl,
        });

var mdDialogCtrl = function ($scope, dataToPass) { 
    $scope.mdDialogData = dataToPass  
}

Popularity 9/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: angularjs-material angularjs-materia

Link to this answer
Share Copy Link

Contributed on Sep 19 2022

Helt

0 Answers Avg Quality 2/10

pass data to dialog of angular

Contents

More Related Answers

pass data to dialog of angular

Closely Related Answers

angularjs material send data to dialog

Grepper

Documentation

Social

Legal

Contact

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