在angular2中显示web api异常

在Angular 2中显示Web API异常，可以通过以下步骤实现：

1. 首先，确保已经在Angular项目中引入了HttpClient模块。可以在app.module.ts文件中导入HttpClientModule，并将其添加到imports数组中。

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

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

1. 在需要调用Web API的组件中，可以使用HttpClient来发送HTTP请求并处理异常。在组件的.ts文件中，导入HttpClient，并在构造函数中注入HttpClient。

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

constructor(private http: HttpClient) { }

1. 在组件中，可以使用http.get()或http.post()等方法来调用Web API，并使用subscribe()方法来订阅返回的数据或处理异常。

this.http.get('api/endpoint').subscribe(
  (response) => {
    // 处理返回的数据
  },
  (error) => {
    // 处理异常
    console.log('发生异常：', error);
  }
);

1. 在处理异常的代码块中，可以根据具体的错误类型进行处理。例如，可以使用error.status属性来获取HTTP状态码，并根据不同的状态码执行不同的操作。

(error) => {
  if (error.status === 404) {
    console.log('API未找到');
  } else if (error.status === 500) {
    console.log('服务器内部错误');
  } else {
    console.log('发生异常：', error);
  }
}

以上是在Angular 2中显示Web API异常的基本步骤。根据具体的业务需求，可以进一步处理异常并提供用户友好的错误提示。在处理异常时，可以根据具体情况选择使用腾讯云的相关产品，例如腾讯云的API网关、云函数等来处理和管理API请求和异常。

请注意，以上答案中没有提及亚马逊AWS、Azure、阿里云、华为云、天翼云、GoDaddy、Namecheap、Google等流行的云计算品牌商。如需了解腾讯云相关产品和产品介绍，可以访问腾讯云官方网站：https://cloud.tencent.com/