mat-dialog

问题 I use two mat-dialog components in my application, and both have custom styles for cdk-global-overlay-wrapper. The problem here is, even after the first dialog is closed, its CSS still remains in scope, i.e., within the DOM. Hence, the style for cdk-global-overlay-wrapper from the second dialog gets overridden by the first one. Please suggest a possible solution. component1.css ::ng-deep .cdk-global-overlay-wrapper { pointer-events: none !important; } component2.css ::ng-deep .cdk-global

问题 My project is essentially displaying a bunch of boxes on a screen. Essentially, each box holds a button that, when clicked, will link you to another page. This is the box object. export interface Allbox { image: string, link: string, button_name: string, info: string; description: string; } {image: 'assets/image.png', link: 'link1.com', button_name: 'B1', info: 'assets/mat-info2.png', description: `this is the description.` }, {image: 'assets/image.png', link: 'link2.com', button_name: 'B2',

问题 My project is essentially displaying a bunch of boxes on a screen. Essentially, each box holds a button that, when clicked, will link you to another page. This is the box object. export interface Allbox { image: string, link: string, button_name: string, info: string; description: string; } {image: 'assets/image.png', link: 'link1.com', button_name: 'B1', info: 'assets/mat-info2.png', description: `this is the description.` }, {image: 'assets/image.png', link: 'link2.com', button_name: 'B2',

问题 My project is essentially displaying a bunch of boxes on a screen. Essentially, each box holds a button that, when clicked, will link you to another page. This is the box object. export interface Allbox { image: string, link: string, button_name: string, info: string; description: string; } {image: 'assets/image.png', link: 'link1.com', button_name: 'B1', info: 'assets/mat-info2.png', description: `this is the description.` }, {image: 'assets/image.png', link: 'link2.com', button_name: 'B2',