javascript - 获取对象内的对象数组 - 尝试比较时出错 '[object Object]'

标签 javascript json angular typescript

当我尝试获取对象内对象的数据并且不确定返回我需要的数据数组的正确映射是什么时,我的控制台中出现错误 results在这种情况下。

这是我的 json 文件的样子:

{
"count": 101,
"results": //this is an array[
  object 1, 
  object 2,....
}

我的服务电话:

 getData(){
        return this._http.get('url')
        .map((res:Response) => res.json())
        .catch(this.handleError);
    }

我的组件文件:

getData(){
    this.service.getData().subscribe(
      data => this.results = data,
      error => this.errorMessage = <any>error
    );
  }

html:

<tr *ngFor="let item of results">
   <td><a style="cursor: pointer">{{item.title}}</a></td>
</tr>

最佳答案

您应该访问 results 对象内的 results 数组,因此 ngFor 看起来像,

<tr *ngFor="let item of results.results">
   <td><a style="cursor: pointer">{{item.title}}</a></td>
</tr>

关于javascript - 获取对象内的对象数组 - 尝试比较时出错 '[object Object]',我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43923639/

相关文章:

javascript - JS 变量在 Ionic 中不起作用

javascript - 如何模拟不良滚动

javascript - 为什么一个函数在满数组时比在空数组时工作得更快

javascript - 如何使用 ng-Repeat 来对数组对象进行 Angular 平移?

javascript - JQuery JSON 获取嵌套值

javascript - 将 component1 的复选框的值传递到 component2 angular 上过滤管道列表

angular - ng build 时超出调用重试次数异常

javascript - JWT 存储在哪里

javascript - 如何在 Angular 表中下载 xml 数据

java - 在不同的 JUnit 测试类之间共享数据的最佳方式是什么