问题描述: 在Angular应用中,当尝试将值传递到模态视图时,发现该值未传递成功。
解决方法: 要解决这个问题,需要确保正确地将值传递到模态视图中。以下是一种常见的解决方法:
import { MatDialog } from '@angular/material/dialog';
constructor(private dialog: MatDialog) { }
openModal() {
const dialogRef = this.dialog.open(ModalComponent, {
data: { value: "传递的值" }
});
}
import { MAT_DIALOG_DATA } from '@angular/material/dialog';
constructor(@Inject(MAT_DIALOG_DATA) public data: any) { }
ngOnInit() {
console.log(this.data.value);
}
通过以上步骤,应该能够成功传递值到模态视图中。确保在应用中正确地导入和使用MatDialog模块,并正确地注入MAT_DIALOG_DATA来接收传递的值。