在Angular中，我们可以使用RxJS的操作符来处理多个异步请求。下面是一个示例代码，其中包含两个嵌套的HTTP请求，在第一个请求完成后更新组件：

首先，确保你已经导入了所需的依赖项：

import { Component, OnInit } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { forkJoin } from 'rxjs';
import { map } from 'rxjs/operators';

在组件类中，创建一个方法来处理两个嵌套的HTTP请求：

@Component({
  selector: 'app-example',
  template: `
    
{{ data }}
  `
})
export class ExampleComponent implements OnInit {
  data: string;

  constructor(private http: HttpClient) {}

  ngOnInit() {
    this.getData().subscribe(result => {
      this.data = result;
    });
  }

  getData() {
    return this.http.get('https://api.example.com/first-request').pipe(
      map(response => {
        // 处理第一个请求的响应
        const secondRequestData = response['data'];

        // 发起第二个请求
        return this.http.get('https://api.example.com/second-request/' + secondRequestData);
      }),
      map(response => {
        // 处理第二个请求的响应
        return response['data'];
      })
    );
  }
}

在上面的代码中，我们首先发起第一个HTTP请求，并在响应中提取所需的数据。然后，使用这个数据作为参数来发起第二个HTTP请求。最后，我们将第二个请求的响应作为最终的结果返回。

在组件的模板中，我们将数据展示在一个div元素中。

请注意，上述示例代码中的URL仅用作示例，你需要将其替换为你自己的实际URL。

最后，确保你在模块中导入了HttpClientModule：

import { HttpClientModule } from '@angular/common/http';

@NgModule({
  imports: [
    HttpClientModule
  ],
  declarations: [ExampleComponent],
  bootstrap: [ExampleComponent]
})
export class AppModule { }

这样，当第一个请求完成后，组件的data属性将会被更新为第二个请求的响应数据，并在模板中展示出来。