使用空格键随机选择数组数据

Question

我正在使用空格键生成突击测验式的表格。以下代码正确显示了测验数组中第 3 项的详细信息

{{#with quiz.[2]}}
    <form class="testForm">
        <br>
        {{question}}<br>
        {{#each answer}}
        <input type="radio" name="multipleChoice" value={{this}}>{{this}}<br>
        {{/each}}
        <br>
        <input type="submit" value="Submit"> 
        <br><br><br>
    </form>
{{/with}}

并且以下辅助函数根据测验数组中的项目数正确生成了一个随机数

Template.templateName.helpers({
  randomNumber() {
    return _.random(0, (this.quiz.length - 1));
  }
});

现在我要做的是获取

{{#with quiz.[2]}}

使用该随机数生成器随机显示测验。从逻辑上讲，我想做类似

的事情

{{#with quiz.[randomNumber]}}

但这显然行不通

Answer 1

只需将您的助手稍微调整为 return quiz 数组的随机元素，而不是随机数本身：

Template.templateName.helpers({
  randomElement(array) {
    return array && array[_.random(0, (array.length - 1))];
  }
});

然后将其称为：{{#with randomElement quiz}}

使用空格键随机选择数组数据

selecting array data randomly using spacebars

arrays

random

meteor

spacebars