Javascript 同时在两个阵列中循环并在车把余烬中打印
我有两个数组Javascript 同时在两个阵列中循环并在车把余烬中打印,javascript,ember.js,ember-cli,Javascript,Ember.js,Ember Cli,我有两个数组NOVNoticeTypeName和NOVNumber,它们都有相同数量的元素,现在我想循环其中一个,并排打印值,如下所示: {{#each v.NOVNoticeTypeName as |nntn index|}} {({{v.NOVNoticeTypeName.[index]}} {{v.NOVNumber.[index]}}) {{/each}} 我知道循环是一个混乱的余烬车把 我怎样才能做到这一点呢?首先,我不同意你的观点,即循环在余烬模板中是一团混乱。如果你不把这样
NOVNoticeTypeName
和NOVNumber
,它们都有相同数量的元素,现在我想循环其中一个,并排打印值,如下所示:
{{#each v.NOVNoticeTypeName as |nntn index|}}
{({{v.NOVNoticeTypeName.[index]}} {{v.NOVNumber.[index]}})
{{/each}}
我知道循环是一个混乱的余烬车把
我怎样才能做到这一点呢?首先,我不同意你的观点,即循环在余烬模板中是一团混乱。如果你不把这样的观点当作事实,那就太好了。特别是如果没有任何争论的话 您想要实现的是一个
{{each}
循环和一个模板助手的组合。正如您的示例所示,{{each}
循环生成当前值和索引。您不能像在Ember模板中的JavaScriptarray[index]
那样直接使用索引访问数组元素,但您可以使用模板助手实现同样的功能。一个模板帮助程序,让我们调用它{{{objectat}}
,它将索引作为第一个参数,数组作为第二个参数,并返回array[index]
让我们看一个如何工作的示例:
{{#let (array 'a' 'b' 'c') as |letters|}}
{{#let (array '1' '2' '3') as |numbers|}}
<ul>
{{#each letters as |letter index|}}
{{letter}} {{object-at index numbers}}
{{/each}}
</ul>
{{/let}}
{{/let}}
{{#let(数组'a''b''c')作为|字母}
{{{#let(数组'1''2''3')作为{数字}
{{{#每个字母作为|字母索引}
{{字母}}{{索引编号处的对象}}
{{/每个}}
{{/let}
{{/let}
这样的模板助手不会太复杂。但是你根本不必担心,因为它已经作为的一部分提供。我不知道余烬,但是如果你只使用括号访问索引
v.NOVNoticeTypeName[index]
No这不管用,不过还是要感谢你的回复。杰汉的回答很中肯。如果有帮助的话,这是一个关于余烬模板中的循环列表