Question

我是Meteor的新手，我想创建一个包含集合中项目的幻灯片，在这种情况下是简单的单词。幻灯片显示应由后退和前进按钮控制，并替换当前单词。

在JavaScript / jQuery中，我会创建一个对象数组和一个控制索引，通过if语句限制，所以索引永远不能低于零或超出数组的长度。

请参阅工具示例小提琴：

$(document).ready(function() {
var wordArray = ["hello", "yes", "no", "maybe"];
var arrayIndex = 0;

$('#word').html(wordArray[arrayIndex]);

$("#previous").click(function(){
    if (arrayIndex > 0) {
     arrayIndex -= 1;
    }
    $('#word').html(wordArray[arrayIndex]);

});

$("#next").click(function(){
    if (arrayIndex < wordArray.length) {
                arrayIndex += 1;
    }

    $('#word').html(wordArray[arrayIndex]);

  }); 
});

流星

我很好奇如何在流星的最佳实践中实现这一点并遵守反应模式，因为我仍然试图围绕这个有趣的框架。我的第一个障碍是翻译

if (arrayIndex < wordArray.length)
// to
if (Session.get("wordIndex") < ( (((length of collection))) )

根据文档，我应该对集合进行查找，但我只是设法稍后使用fetch返回一个空数组。对不起，如果这个很长，但任何输入都会受到赞赏，以帮助我解决这个问题。

collection.find([selector], [options])
cursor.fetch()

这是我到目前为止的代码：

Words = new Mongo.Collection("words");

if (Meteor.isClient) {

  // word index starts at 0
  Session.setDefault("wordIndex", 0);

  Template.body.helpers({
    words: function () {
      return Words.find({});
    },
    wordIndex: function () {
      return Session.get("wordIndex");
    }
    });



    Template.body.events({
      "submit .new-word": function (event) {
        // This function is called when the word form is submitted
        var text = event.target.text.value;

        Words.insert({
          text: text,
          createdAt: new Date() //current time
        });

        // Clear form
        event.target.text.value = "";

        // Prevent default form submit
        return false;
      },
      'click #previous': function () {
        // decrement the word index when button is clicked
        if (Session.get("wordIndex") > 0) {
          Session.set("wordIndex", Session.get("wordIndex") - 1);
        }
      },
      'click #next': function () {
        // increment the word index when button is clicked
          if (Session.get("wordIndex") < 10 ) {
          Session.set("wordIndex", Session.get("wordIndex") + 1);
         }

      }

    });


}

if (Meteor.isServer) {
  Meteor.startup(function () {

  });
}

Answer 1

.count（）将返回集合中的文档数。

`db.collection.count()`

Answer 2

有一些名为Collection helpers的东西，它的工作方式类似于其他助手（例如，模板等）。这里有更详细的解释：https://medium.com/space-camp/meteor-doesnt-need-an-orm-2ed0edc51bc5

如何退回收藏中的物品数量？

2 个答案: