javascript - 使用 Meteor & Handlebars 显示对象的所有或选定属性

Question

我正在尝试使用 meteor 制作工作板应用程序。我能够从数据库中获取数据并将它们显示在模板中。但是为此，我现在正在检索模板中的每个属性。有什么方法可以一次显示所有或部分属性。

Template.postSubmit.events({
    'click #submit': function(event){
        var job = {};
        job.jobtype = $('input[name ="jobtype"]:checked').val();
        job.category = $('input[name="category"]:checked').val();
        job.location = $('input[name="location"]').val();
        job.relocationAssistanceAvailable = $('input[name="relocationAssistanceAvailable"]')[0].checked;
        job.description = $('#jobDescription').val();
        }
});

//****Return data***//
Template.postDisplay.posts = function(){
    return Jobs.find();
}

//**My template where I am retriving data**//
<template name="postDisplay">
    <div class="container">
        {{#each posts}}
            <li>{{location}}</li>
            <li>{{jobtype}}</li>
            <li>{{category}}</li>
            <li>.......</li>
        {{/each}}
    </div>
</template>   

谁能帮我展示一个集合中的所有这些项目，而无需像上面那样检索每个项目。提前致谢....!!!!

Answer 1

如果您不具体声明每个文档属性以及它将在 html 中呈现的位置/方式，您将如何放置它们并设置它们的样式？例如，如果您想像现在一样在不同的行、段落或列表项中显示每个属性怎么办？

也就是说，您可以获得完整属性的唯一方法是作为 JSON 表示，这在 http://docs.meteor.com/#ejson_stringify 中有描述。

Template.postDisplay.posts = function(){
  return _.each(Jobs.find().fetch(), function(postDocument) {
    return EJSON.stringify(postDocument);
  });
}

<template name="postDisplay">
  <div class="container">
    {{#each posts}}
      {{.}}<br/>
    {{/each}}
  </div>
</template>  

EJSON 也有一个分隔符选项，你可以修改它来实际模仿 li。元素

Template.postDisplay.posts = function(){
  return _.each(Jobs.find().fetch(), function(postDocument) {
    return EJSON.stringify(postDocument, {'string': '</li><li>'});
  });
}

<template name="postDisplay">
  <div class="container">
    {{#each posts}}
      <li>{{.}}</li>
    {{/each}}
  </div>
</template>  

旁注:您正在打印 <li>项目但不将它们包含在 <ul> 中因此导致显示为单个列表。事实上，每个职位都是不同的列表。