在Angular中，可以使用async管道来让HTML模板监听可观察对象的变化。下面是一个示例：

首先，你需要在组件中定义一个可观察对象。例如，假设你有一个user可观察对象，它将在模板中显示用户的姓名。

import { Component } from '@angular/core';
import { Observable } from 'rxjs';

@Component({
  selector: 'app-user',
  template: `
    
{{ user$ | async }}
  `
})
export class UserComponent {
  user$: Observable;

  constructor() {
    // 假设你从某个地方获取用户的姓名，并将其作为可观察对象赋值给user$
    this.user$ = this.userService.getUserName();
  }
}

然后，在模板中使用async管道来订阅并监听user$可观察对象的变化。当user$发生变化时，模板将自动更新。

{{ user$ | async }}

在这个示例中，user$是一个可观察对象，它会在userService.getUserName()方法返回一个可观察对象时被赋值。async管道将订阅user$，并在user$发出新值时自动更新模板。

这样，每当user$发生变化时，模板中的