问题描述: 在Angular 5中,当在模态框中使用Angular服务时,数据不会显示。
解决方法:
constructor(private myService: MyService) { }
ngOnInit() {
this.myService.getData().subscribe(data => {
this.myData = data;
});
}
{{ myData }}
import { MatDialog } from '@angular/material/dialog';
constructor(public dialog: MatDialog) { }
openModal() {
const dialogRef = this.dialog.open(MyModalComponent);
dialogRef.afterClosed().subscribe(result => {
console.log('The dialog was closed');
});
}
在openModal()方法中,你可以通过调用MatDialog的open()方法来打开模态框,并通过订阅afterClosed()方法来处理模态框关闭后的操作。
通过以上步骤,你应该能够在模态框中正确地显示Angular服务的数据。如果问题仍然存在,请检查控制台是否有任何错误信息,并确保Angular服务的数据在模态框中正确地传递和显示。