angular - 转换对象并在 Angular 6 中插入数组

Question

我有用于从服务器获取类别的服务和方法 getCategory()。方法是:

getCategory(): Observable<CategoryModel[]> {
    return this.http.get<CategoryModel[]> (this.productUrl)
        .pipe(
            catchError(this.handleError('getHeroes', []))
        );
}

在我的组件中，我想将数据存储在列表 categoryList: CategoryModel[];
方法

getCategory(): void {
        this.dataStorageServiceService.getCategory()
            .subscribe(
                (cateogrys: CategoryModel[]) => {
                    this.categoryList = cateogrys;
                    console.log(this.categoryList)
                }
            }

并在输出categoryList 是对象，我无法在模板上渲染。

Answer 1

Since you are getting the object instead of an Array. You have two options, either you convert your Object to Array or use KeyValuePipe in the html template -

 <div *ngFor="let category of categoryList | keyvalue">
      {{category.key}}:{{category.value}}
  </div>

欲了解更多信息，请访问 - https://github.com/angular/angular/blob/master/CHANGELOG.md#610-beta1-2018-06-13