首先，确保Web API已正确配置并可以在浏览器中访问。然后，在Angular中调用该API，可使用Angular的HttpClient模块发送HTTP请求。以下是一个示例：

在app.module.ts中引入HttpClientModule：

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

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

在需要调用Web API的组件中，添加以下代码：

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

@Injectable()
export class DataService {

   constructor(private http: HttpClient) { }

   getData() {
      return this.http.get('http://webapiurl.com/data');
   }

}

在组件中调用该服务：

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

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

         
{{ item }}
      
   `,
})
export class AppComponent implements OnInit {

   data: string[];

   constructor(private dataService: DataService) { }

   ngOnInit() {
      this.dataService.getData().subscribe(data => {
         this.data = data as string[];
      });
   }

}

这将获取从Web API返回的数据，并在组件模板中显示。