如何首先在 UI 中显示 JSON 对象中的最后一个属性

萨提亚拉姆

我有以下格式的 JSON:

[
{Details: [{name: "WII", type:"Video Games", id:"lint"}]
]

但是在表中的 UI 上,我想首先在第一列中显示 ID,然后是其他列。

姆哈亚塔

让我们假设这是您的 JS 数据结构:

let list = [
  { Details: [{ name: "WII", type: "Video Games", id: "lint" }] }
];

然后在你的 Angular 组件模板中:

<table>
  <tr *ngFor="let item of list" >
    <td>{{item.Details[0].id}}</td>
    <td>{{item.Details[0].name}}</td>
    <td>{{item.Details[0].type}}</td>
  </tr>
</table>

当然,这并不理想,但为了给您一个更好的答案/解决方案,您应该提供更多信息。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何首先在Wicket中呈现<meta>标签?

如何从首先在php中重新启动循环

如何首先在EF6代码中设置唯一属性

首先在Go中编辑Json,而无需先整理结构

首先在mysqli中显示较新的数据

首先在javascript中显示已加载的元素

如何在Windows 10中更改homepath变量以首先在cmd中查看目录

EF例外,如何首先在C#和实体框架代码中为地址建模

如何首先在实体框架代码中的 linq 中使用可为空列表?

AWS Lambda:如何使用必须首先在linux中安装的工具?

如何控制首先在ggplot2中绘制哪个因子?

如何使用VBA附加所有工作表但首先在电子邮件中

如何首先在Entity Framework代码中为Identity主键设置起始值?

如何首先在Node.js中执行所有控制台日志?

如何首先在asp.net核心中的代码中创建关系

如何首先在EF代码中建立模型与枚举之间的多对多关系?

如何首先在 Xamarin.Android 中以编程方式连接到特定的 SSID?

如何首先在代码中定义两个实体之间的多对多和一对多关系?

如何首先在代码中获得具有外键关系的子实体中的父实体属性?

首先在设备上的iOS 9中与NSURLConnection连接

首先在路由表中插入忽略的路由

替换所有捕获的组,但首先在 sed 中

首先在子级子级中添加儿童

首先在Entity Framework代码中链接子表

首先在EF代码中删除列

哪个文件首先在pytest中执行?

首先在nodejs winston logger中编写时间戳

反应-如何在不首先在状态中定义的情况下使用动态属性更新状态?

如何首先在Entity Framework代码中创建2个具有相同类型的dbset?