在Angular 7中，可以通过使用RxJS库中的switchMap操作符来处理嵌套的可观察对象。

以下是一个示例代码，展示了如何在Angular 7中使用switchMap来处理嵌套的可观察对象：

import { Component } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs';
import { switchMap } from 'rxjs/operators';

@Component({
  selector: 'app-nested-observable',
  template: `
    

      
{{ data.title }}
      

        
{{ item }}
      
    
  `
})
export class NestedObservableComponent {
  data$: Observable;

  constructor(private http: HttpClient) {
    this.data$ = this.getData();
  }

  getData(): Observable {
    return this.http.get('https://api.example.com/data').pipe(
      switchMap((response: any) => {
        // 处理第一个可观察对象的结果
        const firstData = response.data;
        return this.http.get('https://api.example.com/data/' + firstData.id);
      }),
      switchMap((response: any) => {
        // 处理第二个可观察对象的结果
        const secondData = response.data;
        return this.http.get('https://api.example.com/data/' + secondData.id);
      })
    );
  }
}

在上面的代码中，我们首先通过HttpClient来获取第一个可观察对象的数据。然后，我们使用switchMap操作符来处理第一个可观察对象的结果，并通过第一个可观察对象的结果来获取第二个可观察对象的数据。最后，我们使用async管道在模板中订阅并显示最终的数据。

请注意，上述代码中的URL只是示例，您需要根据您自己的API端点进行相应的更改。

希望这个示例可以帮助您理解如何在Angular 7中处理嵌套的可观察对象。