angular - 是否可以在 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
有什么方法可以让这些值在没有任何错误的情况下显示?任何帮助都会很棒。
解决方案
您可以像访问基本数组索引一样访问它们
<div *ngFor="let item of items">
{{item['1']}}
</div>
推荐阅读
- visual-studio - Web 编译器在 wwwroot 之外看不到文件
- xml - XQuery 3:计算文档中元素名称的出现次数
- firebase-storage - FirebaseUI 存储在没有 jcenter() 的情况下无法工作
- matlab - 子集一个字符串
- php - Laravel 8.4 API GET Routes 返回 404
- python - Django Queryset 过滤器获取所有元素
- c# - Visual Studio 2019 - C# 5 中不提供“空传播运算符”功能。请使用语言版本 6 或更高版本
- android - Ruby - Appium 无法在 Android 的页面上找到元素
- python - 分数差到下一个等级
- python - 响应 Whatsapp 消息的程序