如何固定角度不可迭代的对象？

Question

我正在尝试使用webHdfs rest API来获取有角7应用程序中Hadoop集群中的目录列表

我创建了服务

<Link onClick={() => history.goBack()}>go back</Link>

我这样订阅了

  public getHadoopDirList(): Observable<FileStatus[]> {
  return this.http.get<FileStatus[]>(this.webHdfsUrl, {}).pipe(map(data => data));
  }

这是我用来解析json的类：

  loadHadoopDirList() {
   return this.restApi.getHadoopDirList().subscribe((data) => {
   this.hadoopDirList = data;
   console.log(data);
   }, error => {
    console.log(error);
   }
   );
   }

，这里是json响应中的图片

，当我尝试遍历结果时显示 错误错误：尝试与'[object Object]'进行比较时出错。仅允许数组和可迭代项

Answer 1

在模板中编写循环，例如：

<ul>
   <li *ngFor="let hadoopDir of hadoopDirList?.FileStatuses?.FileStatus" >{{hadoopDir.pathSuffix}</li> 
</ul>