14、构建基于MEAN栈与GraphQL的应用：从图像存储到待办事项管理

构建基于MEAN栈与GraphQL的应用：从图像存储到待办事项管理

1. 图像存储应用开发

在开发图像存储应用时，我们使用了MEAN栈（MongoDB、Express、Angular和Node.js）。以下是关键步骤和代码实现：
- 初始化与图像订阅 ：在 ngOnInit 方法中，初始化传输服务，并订阅 addImage 和 loadImage 的上下文消息。当接收到消息时，将图像添加到 Pictures 数组中。

ngOnInit() {
  this.transfer.Initialize();
}
this.addImage.context.subscribe(message => {
  if (!message) {
    return;
  }
  this.Pictures.push(message);
});
this.loadImage.context.subscribe(message => {
  if (!message) {
    return;
  }
  this.Pictures.push(message);
});

• 对话框配置与显示 ：在 app.component.ts 中添加构造函数，接受 MatDialog 和 AddImageService </