gpt4 book ai didi

javascript - 问题迭代模板中的 Ember.js 对象

转载 作者:行者123 更新时间:2023-11-30 10:24:19 25 4
gpt4 key购买 nike

我在模板中的 Ember.js 中迭代对象和数组时遇到问题。我确定这是我实现 Handlebars 迭代器的一种方式,但我似乎无法弄清楚。

Records = {

data: [
[
recordID: "1234",
recordName: "Record Name"
],
[
recordID: "1235",
recordName: "Record Name 5"
],
[
recordID: "1236",
recordName: "Record Name 6"
]
],
otherInformation: "Other Info",
moreInformation: "More Information"
}

然后我有看起来像这样的模板输出...

{{#each Records.data}}
{{this}}
{{/each}}

这只给我数据数组中的第一条记录,但我希望能够访问每个数组和子数组中的每个键以输出特定值。

最佳答案

正如 Marcio Rodrigues 所说,您的数组文字无效。

//编辑澄清:javascript 数组可以包含对象。对象是原语、数组、文字符号或函数中的对象。您试图将键值对插入数组,但两者都不是。

在你的嵌套数组中,你有一个键值对,它不能单独存在,它必须包含在一个对象字面量中。如果您确定要保留嵌套数组结构并将属性作为数组中的元素,一种方法是

Records = {
data: [
[
{ aKey: "recordID", aValue: "1234" },
{ aKey: "recordName", aValue: "Record Name XY" },
],
[
{ aKey: "recordID", aValue: "12356" },
{ aKey: "recordName", aValue: "Record Name AB" },
]
],
otherInformation: "Other Info",
moreInformation: "More Information"
}

然后,在您的模板中,您可以对其进行迭代:

<script type="text/x-handlebars" data-template-name="index">  
{{#each record in Records.data}}
{{#each attributePair in record}}
{{attributePair.aKey}}:{{attributePair.aValue}}
<br />
{{/each}}
{{/each}}
</script>

关于javascript - 问题迭代模板中的 Ember.js 对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20194900/

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