material-dialog

Angular Material: Popup Windows : Allow Window Move to Second Monitor Screen

徘徊边缘 提交于 2020-07-31 06:03:49
问题 Trying to use Angular Material Dialog or Any Popup Window Component. Have following working, except last topic. a) Back original screen should Not be greyed out, b) User allowed to click back in original first window behind it c) Send data back to original window Component. d) Allow user to move modal/popup window to Second Monitor Screen, dual monitors. This is not working. Simply it should be regular popup. How can this be done in Angular Material Dialog? public openPropertySearchDialog():

Angular Material: Popup Windows : Allow Windows to Go Between Front and Back

时间秒杀一切 提交于 2020-07-13 15:50:07
问题 We have 1) Material Dialog Component Opening up 2) Another Material Dialog Component, when user press "Open Adv. Search" Button. The first Dialog component is in fixed position. The second Dialog component is Movable, however cannot go behind first original one yet. How to make it so, users can interchange the back or front positions of both windows, like typical Windows 10 desktop app, depending on what is clicked/drag/drop last? Second Component: public openAdvancedPropertySearchDialog():

MatDialog stopped working after updating Angular to version 9

依然范特西╮ 提交于 2020-06-28 09:38:50
问题 I had an angular project which I upgraded from 7.2 to 9 following the https://update.angular.io/#7.2:9.0 Post upgrade everything except MatDialog is working. Opening the dialog shows an empty popup of disproportionate size with the following error in the console. core.js:3866 ERROR Error: Uncaught (in promise): TypeError: Cannot read property "hasAttached" of undefined TypeError: Cannot read property "hasAttached" of undefined at MatDialogContainer.push../node_modules/@angular/material/esm5

close material dialog from different component angular

纵饮孤独 提交于 2019-12-13 09:51:21
问题 I have component A which openes material dialog component A openDialog(): void { const dialogRef = this.dialog.open(**component B**, { width: '1000px', }); then I use to load image in that dialog and with button upload I upload it using component B to the server. Now when I've finished uploading image I want to close that dialog from component B. component B onUpload() { const fd = new FormData(); fd.append('image', this.selectedFile); this.service.uploadImage(fd).subscribe( (res:any)=> { /