Questions tagged [mat-dialog]
145 questions
0
votes
1 answer
Open MatDialog via dynamically added 'Click' event to an element
I have an HTML list where I set .active class dynamically. Those elements that have this class need to have a 'Click' event that opens MatDialog. The problem is that I'm getting an error when trying to do something like that:
Angular component .html…
Przemek Sulecki
- 168
- 11
0
votes
1 answer
close dialog from snackbar
I have a dialog that can be closed by a snackbar. My code closes the dialog, but I need to move the mouse to get it. So I guess that somehow the view is stuck.
private save(element: myModel) {
this.myService.save(element).then(() => {
…
cucuru
- 3,456
- 8
- 40
- 74
0
votes
2 answers
How to pass data from modal to calling angular component?
callingmodal.component.ts
export class CallingmodalComponent implements OnInit {
openDialog(): void {
const dialogRef = this.dialog.open(SharemodalComponent, {
width: '640px', disableClose: true
});
…
Pavithra Muthusamy
- 255
- 1
- 3
- 13
0
votes
1 answer
Send subscription results back to angular material dialog
So when i trigger an event emitter from the dialog:
...
onAdd = new EventEmitter();
onButtonClick() {
this.onAdd.emit();
}
And I listen to this from the parent:
let dialogRef = this.dialog.open(Component);
const sub =…
Mark Suarin
- 3
- 2
0
votes
1 answer
Angular Material MatDialog won't close
I faced a weird problem using MatDialog. In my main component, I use @Injectable service which run webworker to process something in the background. After the processing is done the service opens MatDialog. In this dialog, there are 2 buttons (each…
wacik93
- 283
- 1
- 7
- 16
0
votes
0 answers
Mat Dialog changing it's backdrop after being opened
This is my site before opening the dialog:
And this after:
This is the relevant content of my styles.scss:
html,
body {
height: 100%;
background: #303030;
color: white;
}
And this is my theme of the project:
@import…
Stefan
- 11
- 3
-1
votes
1 answer
Mat Dialog in Angular 2 suddenly stopped working
Mat Dialog in my website suddenly stopped working, there is no error so I did not notice when it stopped working, I never edit that page after completing it so I was confused why it suddenly not worked. Can it be caused by update in angular? Heroku…
yukiiii
- 19
- 3
-1
votes
1 answer
need to display extra data on mat-dialog in Angular
"lines": {
"499": " {",
"500": " var client = (ServiceClientBase)GetClientWithUserPassword();",
"501": " client.AlwaysSendBasicAuthHeader = true;",
"611": " …
Bhargavi
- 1
- 4
-1
votes
1 answer
How can i pass BehaviorSubject to MatDialog data?
I have this piece of code, and i need data to change dynamically. So i decided to use stream for that. The problem is that it seems to copy stream, and it doesn't work... Is there any way to pass it there? Or if it is possible, maybe there is some…
Zvirko Vladislav
- 1
- 3
-1
votes
1 answer
How to adjust mat dialog width in angular using css?
How to adjust mat dialog width in angular using css ? Increase modal size probably around width: 70vw and add a minimum width in pixels.
math dialog or modal container
.mat-dialog-container {
display: block;
padding: 24px;
…
Dave Luthwerg
- 67
- 2
- 8