Java 使用angular 10从HTTP GET返回哈希映射

我正在使用以下版本。 角度CLI:10.0.1

节点：12.18.2

操作系统：win32 x64

角度：10.0.2

我有一个JavaSpring引导服务（运行良好），它以HashMap的形式返回数据

Map<String, List<String>>

我还有一个简单的调用，它返回图书列表（作为字符串）。例如

现在，我想在我的角度代码中使用这个

我对服务的定义如下

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

@Injectable({
  providedIn: 'root'
})
export class DataService {

  constructor(
    private http: HttpClient
  ) { }


  loadBookData(){
    console.log("loadBookData Service");
    return this.http.get<string[]>('http://localhost:1234/book-data');
  }

  loadConfigData() {
    console.log("loadConfigData Service");
    // Looking for help here
  }

}

从'@angular/core'导入{Injectable}；
从'@angular/common/http'导入{HttpClient}；
@注射的({
providedIn:'根'
})
导出类数据服务{
建造师(
私有http:HttpClient
) { }
loadBookData（）{
console.log（“loadBookData服务”）；
返回此.http.get（'http://localhost:1234/book-数据“）；
}
loadConfigData（）{
log（“loadConfigData服务”）；
//这里需要帮助吗
}
}

基本上，我能够读取书籍数据（字符串[]）

---

但是，如何从服务中读取哈希映射的复杂数据？

您可以声明如下模型：

 export class Result{
    books: string[];
    categories: string[];
} 

您的loadConfigData应如下所示：

  loadConfigData() {
    console.log("loadConfigData Service");
        return this.http.get<Result>('http://localhost:1234/config-data')
                .pipe(
                  map((data:Result) => {
                    console.log(data.books);
                    console.log(data.categories);
                  })
                 );

  }

loadConfigData（）{
log（“loadConfigData服务”）；
返回此.http.get（'http://localhost:1234/config-数据'）
.烟斗(
地图（（数据：结果）=>{
console.log（data.books）；
console.log（data.categories）；
})
);
}

 export class Result{
    books: string[];
    categories: string[];
} 

  loadConfigData() {
    console.log("loadConfigData Service");
        return this.http.get<Result>('http://localhost:1234/config-data')
                .pipe(
                  map((data:Result) => {
                    console.log(data.books);
                    console.log(data.categories);
                  })
                 );

  }