我真的不知道如何解释这一点...我有一个集合,其中有一个数组,当我浏览它时,我一直在设置颜色。[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();
}
最佳答案
实现您想要做的事情的一种方法是定义一个 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>
关于javascript - Meteor:如何在空格键内动态设置数组值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38860200/