在Angular中，可以通过使用管道（pipe）来防止API错误显示在HTML模板中。以下是一个示例解决方法：

1. 创建一个自定义的管道（apiError.pipe.ts）：

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
  name: 'apiError'
})
export class ApiErrorPipe implements PipeTransform {
  transform(value: any, fallbackValue: any): any {
    // 检查API返回的值是否存在错误
    if (value && value.error) {
      return fallbackValue; // 如果有错误，返回默认值
    }
    return value; // 如果没有错误，返回原始值
  }
}

2. 在你的组件模块中引入并声明该管道（例如app.module.ts）：

import { ApiErrorPipe } from './apiError.pipe';

@NgModule({
  declarations: [
    // 其他组件和管道
    ApiErrorPipe
  ],
  // 其他模块和提供者
})
export class AppModule { }

3. 在HTML模板中使用该管道来防止API错误的显示（例如app.component.html）：

{{ user.name | apiError:'Unknown' }}

在上面的示例中，如果API返回的用户对象（user）存在错误，则使用'Unknown'作为默认值来显示用户的名称。如果没有错误，将显示API返回的用户名称。

这样，无论API返回的值是否有错误，都不会在HTML模板中直接显示错误信息。而是可以通过自定义管道来处理错误显示。