如何将多个 json 数据解析为 Angular 中的对象数组？

Question

我试图将多个 json 对象读入 Angular 中的数组，但无法弄清楚如何将多个 json 对象解析为对象数组并将其映射到博客对象数据字段

JSON数据

{
"Blogs":[
    {"title":"Demo Blog 1", "summary":"Demo Blog 1 summary"},
    {"title":"Demo Blog 2", "summary":"Demo Blog 2 summary"},
    {"title":"Demo Blog 3", "summary":"Demo Blog 3 summary"}
]
}

组件class

constructor(private appService: AppConfigService, private blogs: Blog[]) { }

showBlogResource(){
    this.appService.getBlogResource().subscribe((data: Blog[]) => {
      // read all blog data from json & store it into array blogs
    });
  }

服务Class

getBlogResource() {
    return this.http.get<Blog[]>(this.apiEndpoint + apiResource.blogs).pipe(retry(3), catchError(this.handleError));
  }

博客class

export interface Blog {
  title: string;
  summary: string;
}

Answer 1

类似

blogs: Blog[];
constructor(private appService: AppConfigService) { }

showBlogResource(){
    this.appService.getBlogResource().subscribe((data: Blog[]) => {
        this.blogs = data;
    });
}

并且可能将 getBlogResource 更改为（添加地图运算符以从 json 获取“博客”属性）

return this.http.get<Blog[]>(this.apiEndpoint + apiResource.blogs).pipe(map(res => res.Blogs), retry(3), catchError(this.handleError))

如何将多个 json 数据解析为 Angular 中的对象数组？

How to parse multiple json data into array of objects in Angular?

arrays

json

typescript

angular

angular-httpclient