在Angular-Calendar中，可以使用自定义单元格模板来呈现日历上的每个单元格。如果想要在这些自定义模板中异步加载事件，可以使用Angular的异步管道和订阅机制来实现。

以下是一个示例解决方案：

首先，确保已经安装了rxjs库，可以通过运行以下命令来安装它：

npm install rxjs

接下来，创建一个名为calendar.service.ts的新服务文件，该服务将用于加载事件数据。在该服务中，创建一个名为getEvents()的方法，用于模拟异步加载事件数据。在实际应用中，可以替换为实际的异步调用。

import { Injectable } from '@angular/core';
import { Observable, of } from 'rxjs';

@Injectable({
  providedIn: 'root'
})
export class CalendarService {
  getEvents(): Observable {
    // 模拟异步加载事件
    return of([
      { start: new Date(), title: 'Event 1' },
      { start: new Date(), title: 'Event 2' },
      { start: new Date(), title: 'Event 3' }
    ]);
  }
}

接下来，在自定义单元格模板中，使用异步管道async来订阅getEvents()方法返回的Observable，并在数据加载完成后显示事件。以下是一个示例模板：

  

    {{ day.date | calendarDate:locale }}
  
  

    
      

        {{ event.title }}
      
    
  

在组件中，使用CalendarService来订阅getEvents()方法，并将其返回的Observable赋值给getEvents$属性。

import { Component, OnInit } from '@angular/core';
import { CalendarService } from './calendar.service';

@Component({
  selector: 'app-calendar',
  templateUrl: './calendar.component.html',
  styleUrls: ['./calendar.component.css']
})
export class CalendarComponent implements OnInit {
  getEvents$ = this.calendarService.getEvents();

  constructor(private calendarService: CalendarService) { }

  ngOnInit() {
  }
}

最后，将CalendarComponent添加到你的应用程序中，并加载自定义单元格模板。

通过上述解决方案，可以在自定义单元格模板中异步加载事件数据，并在加载完成后显示在日历上。请根据实际需求调整代码和样式。