在Angular中，我们可以使用AsyncPipe来将可观察对象绑定到模板中。以下是一个使用AsyncPipe的示例：

1. 在组件中创建一个可观察对象：

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

@Component({
  selector: 'app-my-component',
  template: `
    
Observable Example
    
{{ data$ | async }}
  `
})
export class MyComponent {
  data$: Observable;

  constructor() {
    this.data$ = interval(1000);
  }
}

2. 在模板中使用AsyncPipe将可观察对象绑定到HTML中：

Observable Example
{{ data$ | async }}

在这个例子中，我们将一个每秒递增的可观察对象绑定到了模板中，并使用AsyncPipe来订阅和显示最新的值。AsyncPipe会自动订阅和取消订阅可观察对象，确保在模板销毁时不会发生内存泄漏。

注意：使用AsyncPipe需要在组件的模块中导入CommonModule。