Angular父级matdialog组件是否从子级matdialog组件更改。
在Angular中，可以使用@ViewChild装饰器来获取对父级MatDialog组件的引用，然后使用它来更改父级MatDialog组件。下面是一个包含代码示例的
在父级MatDialog组件中：
import { MatDialog } from '@angular/material/dialog'; import { Component, ViewChild } from '@angular/core';
@Component({
selector: 'parent-component',
template: ,
})
export class ParentComponent {
@ViewChild('childDialog') childDialog;Parent Component
constructor(public dialog: MatDialog) {}
openDialog() { const dialogRef = this.dialog.open(this.childDialog); }
closeDialog() { dialogRef.close(); } }
在子级MatDialog组件中：
import { Component } from '@angular/core';
@Component({
selector: 'child-dialog',
template: ,
})
export class ChildDialog {
constructor() {}Child Dialog
close() { // 我们可以在这里执行关闭对话框的操作 } }
在上面的代码中，ViewChild装饰器引用了子级MatDialog组件，并在openDialog方法中使用了该引用以打开对话框。我们还添加了一个closeDialog方法，它使用对话框引用关闭对话框。
请注意，我们使用了@ViewChild('childDialog')来引用子级MatDialog组件。这是因为在子级组件的模板中，我们使用了一个名称为childDialog的模板引用变量。更改此变量名称也会更改ViewChild装饰器的第一个参数。
使用上述方法，您现在可以在子级MatDialog组件中执行任何操作，以及关闭对话框，而不会影响父级MatDialog组件。