首页 > 解决方案 > 是否可以在 Angular component.html 中解析尾随键为数字的对象?

问题描述

我从服务器中提取一些数据,其中返回的值是一个对象数组,但对象键不是名称而是数字。就像是:

[
  {
    "0": 1,
    "1": 1,
    "2": "sunt aut facere repellat provident occaecati excepturi optio reprehenderit",
    "3": "quia et suscipit\nsuscipit recusandae consequuntur expedita et cum\nreprehenderit molestiae ut ut quas totam\nnostrum rerum est autem sunt rem eveniet architecto"
  },
  {
    "0": 1,
    "1": 2,
    "2": "qui est esse",
    "3": "est rerum tempore vitae\nsequi sint nihil reprehenderit dolor beatae ea dolores neque\nfugiat blanditiis voluptate porro vel nihil molestiae ut reiciendis\nqui aperiam non debitis possimus qui neque nisi nulla"
  }
]

例如,这些键分别代表数据库中的列,例如 userId、id、title 和 body。在一个角度组件内,我循环遍历返回的对象数组并尝试显示这些值,就像这样......

<div *ngFor="let item of items">
  {{item.1}}
</div>

但我明白了

Uncaught Error: Template parse errors:
Parser Error: Unexpected token '0.1' at column x

有什么方法可以让这些值在没有任何错误的情况下显示?任何帮助都会很棒。

标签: angular

解决方案


您可以像访问基本数组索引一样访问它们

<div *ngFor="let item of items">
  {{item['1']}}
</div>

推荐阅读