要在Angular中使用HttpClient、Observable和async pipe来加载HTTP数据并执行任务，可以按照以下步骤进行操作：

1. 首先，确保你已经在你的应用程序中导入了HttpClientModule。在你的app.module.ts文件中添加以下代码：

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

@NgModule({
  imports: [
    HttpClientModule
  ],
  ...
})
export class AppModule { }

2. 创建一个服务来处理HTTP请求并返回一个Observable。在你的服务文件中，添加以下代码：

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs';

@Injectable({
  providedIn: 'root'
})
export class DataService {
  constructor(private http: HttpClient) { }

  getData(): Observable {
    return this.http.get('your-api-url');
  }
}

3. 在你的组件中，注入DataService并使用async pipe来订阅Observable并显示数据。在你的组件文件中，添加以下代码：

import { Component } from '@angular/core';
import { DataService } from './data.service';

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

      {{ data }}
    
  `
})
export class AppComponent {
  data$: Observable;

  constructor(private dataService: DataService) { }

  ngOnInit() {
    this.data$ = this.dataService.getData();
  }
}

在这个例子中，通过将Observable数据绑定到data$变量上，我们可以使用async pipe来自动订阅和取消订阅Observable，并在数据可用时将其显示在模板中。

4. 最后，确保在你的模板中使用了async pipe，并将数据绑定到相应的显示位置。在模板中，将你的数据绑定到相应的位置，如上面示例中的{{ data }}。

这样，当组件初始化时，它将调用服务的getData方法，并通过async pipe自动订阅并显示数据。

记得将"your-api-url"替换为你实际的API地址。

这就是在Angular中使用HttpClient、Observable和async pipe加载HTTP数据并执行任务的解决方法。