如何在MeteorJS的客户端主视图中显示Mongo DB集合?

时间:2017-02-09 15:44:35

标签: javascript node.js mongodb meteor meteor-blaze

我是MeteorJS的新手。我尝试使用以下代码在客户端视图中显示MongoDB集合。

的客户机/ main.js

Resolutions = new Mongo.Collection('resolutions');

Template.body.helpers({
   resolutions : function(){
      return Resolutions.find();
   }
});

client / main.html (此处使用了火焰)

<head>
   <title>resolutions</title>
</head>

<body>
   <ul>
      {{#each resolutions}}
         {{>resolution}}
      {{/each}}
   </ul>
</body>

<template name="resolution">
   <li>{{title}}</li>
</template>

然后我使用meteor mongo shell将一些对象插入到集合中

db.resolutions.insert({title:"test", createdAt:new Date()});

我测试天气,使用

将对象插入到集合中
db.resolutions.find()

输出是,

    {
     "_id": ObjectId("589c8d1639645e128780c3b4"),
     "title": "test",
     "createdAt": ISODate("2017-02-09T15:39:02.216Z")
 }

但是在客户端视图中,对象标题不会按预期显示在列表中。而是查看空屏幕。

3 个答案:

答案 0 :(得分:0)

看起来你几乎就在那里,但似乎缺少正确的声明来发布和订阅你的收藏。

您可以在官方Meteor教程中找到有用的文档:https://www.meteor.com/tutorials/blaze/publish-and-subscribe

答案 1 :(得分:0)

假设您仍在使用autopublish,则需要在客户端和服务器上声明您的集合。最简单的方法是在/lib中声明它。

/lib/collections.js

Resolutions = new Mongo.Collection('resolutions');

/client/main.js

Template.body.helpers({
   resolutions : function(){
      return Resolutions.find();
   }
});

答案 2 :(得分:0)

Resolutions.find();返回游标而不是数组。请改用 fetch() 方法:

Template.resolutions.helpers({
    resolutions: function(){
        return Resolutions.find().fetch();
    }
});

<强>的客户机/ main.html中

<head>
   <title>resolutions</title>
</head>

<body>
    <template name="resolution">       
        <ul>
          {{#each resolutions}}
             <li>{{title}}</li>
          {{/each}}
        </ul>
    </template>
</body>