javascript - Meteor:如何在空格键内动态设置数组值

Question

我真的不知道如何解释这一点...我有一个集合，其中有一个数组，当我浏览它时，我一直在设置颜色。[0].imageLink 并且不更改 [0 ]，但现在我希望它是动态的，具体取决于函数的值(在本例中函数是 viewIndex)。

可以工作，但不是动态的:

<h3 class='display-price'>$ {{colors.[0].price}}</h3>

我认为可行但行不通的:

<h3 class='display-price'>$ {{colors.[(viewIndex)].price}}</h3>

在相应的js文件中(确实返回0):

'viewIndex': function() {
  console.log(Template.instance().variation.get());
  return Template.instance().variation.get();
}

Answer 1

实现您想要做的事情的一种方法是定义一个 colorPrice 帮助器，它将 colors 和 viewIndex 作为参数，如下所示:

Template.hello.helpers({
  colors() {
    return [
      { price: 1},
      { price: 2},
      { price: 3}
    ];
  },
  viewIndex(){
    return 1;
  },
  colorPrice(colors, viewIndex){
    return colors[viewIndex].price;
  }
});

然后，在您的模板中，您可以按如下方式使用它:

<template name="hello">
  ${{ colorPrice colors viewIndex }}
</template>