在视图中创建新集合-Backbone.js

Question

我正在编写一个简单的Backbone.js代码，该代码基于从JSON获取的配置创建练习。

现在的流程是：

1. 我的代码中的某种控制器获取JSON文件（由jQuery）。
2. 我创建描述模型（基于我的JSON文件的一部分），并通过遍历JSON文件中“答案”数组中的所有项并将它们添加到集合中来创建答案集合。
3. 我基于模型和集合创建视图。

在本主题中描述并解决了所有这些问题

这是我的JSON文件的一部分，该文件是练习的配置。

"config": {
    "id": "myWomiExercise1",
    "type": "",
    "numberOfSets": 0,
    "numberOfPresentedAnswers": 3,
    "numberOfCorrectAnswerInSet": 1,
    "randomAnswers": true,
    "exerciseTrueFalseType": false
},

这意味着，例如，我的JSON中可以有30个答案，并且将随机选择（可能使用下划线方法）以显示3（哪个是正确的）。

我将配置传递给新的View，并通过添加到视图中来访问它

initialize: function(options) {
    this.options = options || {};
}

而且，我需要按照配置说（“ randomAnswers”：true）创建新的答案集。 正如谷歌所说，我可能需要使用下划线方法（通过将其中的几种方法组合在一起）来创建新集合-因为我需要的是，创建的set将显示x个答案，其中y是正确的， xy是不正确的，并且最后，随机。 由于链接不适用于“ where”，因此我想知道这样做的最佳方法是什么？ 我的想法看起来很差，但要在View中添加：

randomAnswerSet: function(config) {
    var correct = config.numberOfCorrectAnswerInSet;
    var wrong = config.numberOfPresentedAnswers - correct;
    var set = [];
    set.push(
        _.sample( this.collection.getCorrect(), correct )
    );
    set.push(
        _.sample( this.collection.getWrong(), wrong )
    );

    this.collection = new  AnswersCollection(_.shuffle(_.flatten(set)));
},

还有另一个问题，我是否应该在View中创建一个新集合，例如randomAnswerSet，然后正常渲染该视图？ 还是有更好的方法来做到这一点？

这让我感到困惑，因为我需要一个控制按钮“新示例”，该按钮将重新创建集合（因为所有内容都是随机的，应该提供完整的新集合），但是我是否需要销毁旧集合？ 用户单击按钮十次时会有很多收藏，这是最佳选择吗？

谢谢大家，祝您有美好的一天！

Answer 1

首先，您确实意识到，如果用户单击“新示例”，他将立即知道正确的答案，对吗？ 这将是唯一一次显示两次的显示器...

至于如何实现它，我将定义一个新的集合类型，该集合包含所有答案，并返回一个带有方法的集合。 您可以在此处看到类似的实现： https : //github.com/davidsulc/marionette-gentle-introduction/blob/master/assets/js/entities/common.js （请参阅FilteredCollection），该方法在https：/中使用/github.com/davidsulc/marionette-gentle-introduction/blob/master/assets/js/apps/contacts/list/list_controller.js

它在应用程序中的使用方式是，过滤后的集合保留对联系人原始集合（所有数据）的引用，并在过滤后返回一个新集合。 就您而言，您只需要一个randomAnswerSet函数即可返回一组答案，而不是上面文件中的filter方法。

希望这可以帮助！