svelte - Svelte嵌套Json中的每个函数
问题描述
我有嵌套的 JSON 数组
let car = [
{
name: "BMW",
detail: [
{name: headlight, type: flame},
{name: taillight, type: spark},
],
},
{
name: "Merced Benz",
detail: [
{name: headlight, type: spark},
{name: taillight, type: flame},
],
},]
当我打电话时它会显示汽车名称
{#each car as cars}
<p>{cars.name}</p>
{/each}
但是当我打电话给{cars.detail}
它的[object Object]
时候,当我打电话给{cars.detail.name}
它的时候Undefined
我想称呼每一个细节的名字
请帮我在 svelte 上使用这个每个功能谢谢你
解决方案
由于detail
是一个数组,因此您还必须使用另一个 each 块来迭代它。
示例(REPL)
<script>
let cars = [
{
name: "BMW",
detail: [
{ name: "headlight", type: "flame" },
{ name: "taillight", type: "spark" }
]
},
{
name: "Mercedes-Benz",
detail: [
{ name: "headlight", type: "spark" },
{ name: "taillight", type: "flame" }
]
}
];
</script>
{#each cars as car}
<div>{car.name}</div>
{#each car.detail as detail}
<div>{detail.name}: {detail.type}</div>
{/each}
{/each}
推荐阅读
- javascript - 集群中圆到圆碰撞的问题
- git - 如何恢复此命令“git status --porcelain | grep '^??' | 剪切 -c4- >> .gitignore"?
- if-statement - SharePoint 2010 列表、计算列、If 语句修改不起作用
- php - 在 WooCommerce 中重新定位 JetPack 的评论订阅框
- mysql - Mysql 不会在 Ubuntu 服务器 16.04 上启动或重新启动
- android - 解密使用 .NET AesCryptoServiceProvider 加密的 Android 值
- typescript - TypeScript:将可调用类型声明为类方法类型
- json - 使用 SQL Server for JSON PATH 的动态 ROOT
- azure-devops-rest-api - Azure DevOps - 使用 Rest API 访问控制列表设置项目权限
- sql - Oracle 中的 ALTER USER