gpt4 book ai didi

amp-html - 如何将对象添加到 AMP-HTML 中的 amp-state 数组?

转载 作者:行者123 更新时间:2023-12-03 08:51:47 29 4
gpt4 key购买 nike

我有一个名为 currentItem 的状态,其中包含 url、标题、描述...当我按下按钮时,currentItem 应保存在名为 myItems 的其他状态中。它将包含一个项目对象列表。

现在的问题是它总是显示最后一个项目,因此它会覆盖每个当前项目提交的整个列表。

我的州:

    <amp-state id="currentItem">
<script type="application/json">
{
"url": "",
"imageUrl": "",
"title": "",
"description": ""
}
</script>
</amp-state>
<amp-state id="myItems">
<script type="application/json">
[]
</script>
</amp-state>

列表定义:

<amp-list class="mt3"
layout="fixed-height"
height="0"
[src]="myItems"
[height]="myItems.length * 200"
items="."
binding="no">
<template type="amp-mustache">
...
</template>

将当前项目添加到列表的操作:

<button type="button"
on="tap:AMP.setState({ myItems: [currentItem]})">
Add
</button>

我尝试使用 AMP.setState({ myItems: myItems.concat(currentItem)}) 但它崩溃了,也与 + 一起崩溃。我怎样才能做到这一点?

最佳答案

concat 需要一个数组。这是工作版本:

 <amp-state id="currentItem">
<script type="application/json">
{
"url": "url",
"imageUrl": "imageUrl",
"title": "title",
"description": "desc"
}
</script>
</amp-state>
<amp-state id="myItems">
<script type="application/json">
[]
</script>
</amp-state>
<h1>Hello AMPHTML World!</h1>
<amp-list class="mt3" layout="fixed-height" height="0" [src]="myItems" [height]="myItems.length * 200" items="." binding="no">
<template type="amp-mustache">
Item: {{title}}
</template>
</amp-list>
<button type="button" on="tap:AMP.setState({
myItems: myItems.concat([currentItem])
})">
Add
</button>

关于amp-html - 如何将对象添加到 AMP-HTML 中的 amp-state 数组?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58468685/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com