ember.js 同时循环通过两个阵列并在Handlebars Ember中打印

x33g5p2x  于 2022-11-05  发布在  其他
关注(0)|答案(1)|浏览(172)

我有两个数组NOVNoticeTypeNameNOVNumber,它们都有相同数量的元素,现在我想循环其中一个数组,并按如下方式并排打印值:

{{#each  v.NOVNoticeTypeName as |nntn index|}}
  {({{v.NOVNoticeTypeName.[index]}} {{v.NOVNumber.[index]}})
{{/each}}

我知道Ember车把的循环很混乱。
我如何才能做到这一点?

uujelgoq

uujelgoq1#

首先,我不同意你的观点,循环是一个混乱的ember模板。将是伟大的,如果你不把这样的意见作为一个事实。特别是如果它来没有任何争论。
您可以通过{{each}}循环和模板助手的组合来实现。正如您的示例所示,{{each}}循环产生当前值和索引。您不能像JavaScript array[index]那样在Ember模板中直接使用索引访问数组元素,但可以使用模板助手来实现相同的目的。模板助手,我们称之为{{object-at}},它以索引作为第一个参数,以数组作为第二个参数,并返回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}}

这样的模板助手不会太复杂,但是你完全不用担心,因为它已经作为ember-composable-helpers的一部分提供了。

相关问题