在Angular中，可以使用DatePipe来格式化日期。如果要显示异步数据的日期，可以通过以下步骤来解决：

1. 导入DatePipe：

import { DatePipe } from '@angular/common';

2. 在组件的构造函数中注入DatePipe：

constructor(private datePipe: DatePipe) {}

3. 在组件中定义一个变量来存储异步数据的日期：

asyncDataDate: Date;

4. 在获取异步数据的方法中，将日期转换为字符串并存储在asyncDataDate变量中：

getAsyncData() {
  // 假设异步数据的日期保存在asyncData变量中
  this.asyncDataDate = new Date(this.asyncData);
}

5. 在模板中使用DatePipe来显示日期：

{{ asyncDataDate | date }}

完整的示例代码如下所示：

import { Component } from '@angular/core';
import { DatePipe } from '@angular/common';

@Component({
  selector: 'app-root',
  template: `
    
{{ asyncDataDate | date }}
  `,
})
export class AppComponent {
  asyncDataDate: Date;

  constructor(private datePipe: DatePipe) {}

  getAsyncData() {
    // 假设异步数据的日期保存在asyncData变量中
    this.asyncDataDate = new Date(this.asyncData);
  }
}

请注意，可以根据需要使用不同的日期格式来调整DatePipe的参数。例如，可以使用{{ asyncDataDate | date: 'yyyy-MM-dd' }}来只显示年、月和日。