我有两个数组NOVNoticeTypeName和NOVNumber,它们都有相同数量的元素,现在我想循环其中一个数组,并按如下方式并排打印值:
NOVNoticeTypeName
NOVNumber
{{#each v.NOVNoticeTypeName as |nntn index|}} {({{v.NOVNoticeTypeName.[index]}} {{v.NOVNumber.[index]}}) {{/each}}
我知道Ember车把的循环很混乱。我如何才能做到这一点?
uujelgoq1#
首先,我不同意你的观点,循环是一个混乱的ember模板。将是伟大的,如果你不把这样的意见作为一个事实。特别是如果它来没有任何争论。您可以通过{{each}}循环和模板助手的组合来实现。正如您的示例所示,{{each}}循环产生当前值和索引。您不能像JavaScript array[index]那样在Ember模板中直接使用索引访问数组元素,但可以使用模板助手来实现相同的目的。模板助手,我们称之为{{object-at}},它以索引作为第一个参数,以数组作为第二个参数,并返回array[index]。让我们看一个如何工作的示例:
{{each}}
array[index]
{{object-at}}
{{#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}}
这样的模板助手不会太复杂,但是你完全不用担心,因为它已经作为ember-composable-helpers的一部分提供了。
1条答案
按热度按时间uujelgoq1#
首先,我不同意你的观点,循环是一个混乱的ember模板。将是伟大的,如果你不把这样的意见作为一个事实。特别是如果它来没有任何争论。
您可以通过
{{each}}
循环和模板助手的组合来实现。正如您的示例所示,{{each}}
循环产生当前值和索引。您不能像JavaScriptarray[index]
那样在Ember模板中直接使用索引访问数组元素,但可以使用模板助手来实现相同的目的。模板助手,我们称之为{{object-at}}
,它以索引作为第一个参数,以数组作为第二个参数,并返回array[index]
。让我们看一个如何工作的示例:
这样的模板助手不会太复杂,但是你完全不用担心,因为它已经作为ember-composable-helpers的一部分提供了。