14、从图像画廊到 GraphQL ToDo 应用的开发之旅

c7d8e9

于 2025-07-21 12:25:44 发布

阅读量41

点赞数

CC 4.0 BY-SA版权

分类专栏： TypeScript进阶：构建现代Web应用文章标签：图像画廊 GraphQL ToDo应用

本文链接：https://blog.youkuaiyun.com/c7d8e9/article/details/149951217

TypeScript进阶：构建现代Web应用专栏收录该内容

30 篇文章 ¥499.90

订阅专栏¥69.90

会员秒杀 ¥9.9 重磅福利

超级会员免费看

从图像画廊到 GraphQL ToDo 应用的开发之旅

图像画廊应用开发

页面主体组件初始化

在编写好 LoadImageService 、 AddImageService 和 TransferDataService 后，我们可以在 PageBodyComponent 的 ngOnInit 方法中使用它们。 ngOnInit 会在组件初始化时被调用。首先，我们需要调用 TransferDataService 中的 Initialize 函数：

ngOnInit() {
  this.transfer.Initialize();
}

为了完成该组件并填充 Pictures 数组，我们需要连接到两个 RxJS 服务的上下文：

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