在 Angular 中，我们经常遇到使用嵌套 Observables 的情况，特别是在处理异步数据时。这时候我们需要用到一些 RxJS 的操作符来展开 Observables，以便于我们对数据进行处理。以下是一个简单的例子：

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

@Component({
  selector: 'app-test',
  template: `
    
Posts
    

      

        {{ post.title }}
      
    
  `
})
export class TestComponent {
  posts$: Observable;

  constructor() { }

  ngOnInit() {
    this.posts$ = this.getPosts();
  }

  getPosts(): Observable {
    return this.http.get('https://jsonplaceholder.typicode.com/posts');
  }
}

在这个例子中，我们使用 http.get 方法获取了一个远程的 JSON 数据，并将 Observable 赋值给了 posts$ 变量。然后通过 async 管道来订阅 posts$，将异步数据渲染到模板中。

总结一下，通过使用 RxJS 的操作符可以将异步嵌套 Observable 展开，并完善我们的数据订阅逻辑。