在Angular中，可以使用Angular Universal和HttpClient模块来在服务器端和客户端进行API调用。

首先，需要安装Angular Universal和HttpClient模块：

npm install @angular/platform-server @angular/common @angular/animations @angular/http

在app.module.ts文件中，需要导入并配置HttpClientModule和ServerTransferStateModule模块：

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { HttpClientModule } from '@angular/common/http';
import { ServerTransferStateModule } from '@angular/platform-server';

import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule.withServerTransition({ appId: 'my-app' }),
    HttpClientModule,
    ServerTransferStateModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

在app.component.ts文件中，可以使用HttpClient模块来进行API调用：

import { Component, OnInit } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { TransferState, makeStateKey } from '@angular/platform-browser';

const API_DATA_KEY = makeStateKey('apiData');

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {
  apiData: any;

  constructor(private http: HttpClient, private transferState: TransferState) {}

  ngOnInit() {
    this.apiData = this.transferState.get(API_DATA_KEY, null);
    if (!this.apiData) {
      this.http.get('https://api.example.com/data').subscribe(data => {
        this.apiData = data;
        this.transferState.set(API_DATA_KEY, data);
      });
    }
  }
}

在app.component.html文件中，可以使用apiData来展示API数据：

  
API Data:
  
{{ apiData }}

这样，在服务器端渲染时，会先从TransferState中获取已经请求到的API数据，并在客户端渲染时再次请求API数据并保存到TransferState中，以实现在服务器端和客户端进行API调用的功能。