在1个模板Meteor.js中合并2个集合

Question

我正在尝试创建一个类别系统，我似乎无法弄清楚如何使其工作。 这是一个模拟js和html，以演示即时尝试完成的任务

test.js

Categories = new Meteor.Collection('categories');
Rooms = new Meteor.Collection('rooms');

if (Meteor.isClient) {    
   Template.Category_System.categories = function () {
      return Categories.find({});
   };
   Template.Category_System.rooms = function () {
      return Rooms.find({}); //here i want to return the rooms and users in the Rooms collection but only the rooms that fall under the category and subcategory of the Categories collection
   };
}

if (Meteor.isServer) {
   Meteor.startup(function () {
        Categories.insert({category:"category1",subcategories:[{subcategory:"subcategory1",rooms:[]},{subcategory:"subcategory2",rooms:[]}]};
        Categories.insert({category:"category2",subcategories:[{subcategory:"subcategory1",rooms:[]},{subcategory:"subcategory2",rooms:[]}]};

        Rooms.insert({category:"category1",subcategory:"subcategory1",room:'Room_01',users:[a,b,c]});
        Rooms.insert({category:"category1",subcategory:"subcategory1",room:'Room_02',users:[d,e,f,g,h]});
        Rooms.insert({category:"category1",subcategory:"subcategory2",room:'Room_03',users:[i]}); 
        Rooms.insert({category:"category2",subcategory:"subcategory1",room:'Room_01',users:[j,k]});
        Rooms.insert({category:"category2",subcategory:"subcategory2",room:'Room_02',users:[l,m,n]});
        Rooms.insert({category:"category2",subcategory:"subcategory2",room:'Room_03',users:[o,p,q,r]});               
   });
}

test.html->仅模板

<template name="Category_System">
   {{#each categories}}
        {{category}}
        {{#each subcategories}}
             {{subcategory}}
             {{#each rooms}}
                  {{room}}{{users}}
             {{/each}}
        {{/each}}
   {{/each}}
</template>

我试图实现的结果

category1
    -subcategory1
         -Room_01 a,b,c
         -Room_02 d,e,f,g,h
    -subcategory2
         -Room_03 i
category2
    -subcategory1
         -Room_01 j,k
    -subcategory2
         -Room_02 l,m,n
         -Room_03 o,p,q,r

提前致谢

Answer 1

根据您的模拟代码，您可以执行以下操作：

category.js

Categories = new Meteor.Collection('categories');
Rooms = new Meteor.Collection('rooms');

if (Meteor.isClient) {    
    Template.Category_System.categories = function () {
        return Categories.find();
    };
    Template.Category_System.rooms = function ( cat ) {
        var _subcat = this.subcategory,
            _cat = cat;
        return Rooms.find({ category: _cat, subcategory: _subcat });
    };
}

if (Meteor.isServer) {
    Meteor.startup(function () {
        if ( !Categories.find().count() ) {
            Categories.insert({category:"category1",subcategories:[{subcategory:"subcategory1",rooms:[]},{subcategory:"subcategory2",rooms:[]}]});
            Categories.insert({category:"category2",subcategories:[{subcategory:"subcategory1",rooms:[]},{subcategory:"subcategory2",rooms:[]}]});
        }
        if ( !Rooms.find().count() ) {
            Rooms.insert({category:"category1",subcategory:"subcategory1",room:'Room_01',users:["a","b","c"]});
            Rooms.insert({category:"category1",subcategory:"subcategory1",room:'Room_02',users:["d","e","f","g","h"]});
            Rooms.insert({category:"category1",subcategory:"subcategory2",room:'Room_03',users:["i"]});
            Rooms.insert({category:"category2",subcategory:"subcategory1",room:'Room_01',users:["j","k"]});
            Rooms.insert({category:"category2",subcategory:"subcategory2",room:'Room_02',users:["l","m","n"]});
            Rooms.insert({category:"category2",subcategory:"subcategory2",room:'Room_03',users:["o","p","q","r"]});
        }
    });
}

category.html

<head>
  <title>Category System Test</title>
</head>

<body>
  {{> Category_System}}
</body>

<template name="Category_System">
    <ul>
        {{#each categories}}
        <li>
            {{category}}
            <ul>
                {{#each subcategories}}
                     <li>
                        {{subcategory}}
                        <ul>
                            {{#each rooms ../category }}
                                <li>{{room}} - {{users}}</li>
                            {{/each}}
                        </ul>
                     </li>
                {{/each}}
            </ul>
        </li>
        {{/each}}
    </ul>
</template>

需要注意的关键问题是逝世../category块中的帮手rooms和模板辅助rooms ，其接受类参数以及还利用当前的subcategory的数据上下文来过滤室集合。

如果在Meteor 0.8.0下运行此程序，则应看到以下输出... 上面代码中的示例输出

您可以通过在每个Category文档中完成对rooms数组的引用来简化此操作。 您可以通过用户界面执行此操作，也可以为每个“ Room文档捕获insertId并在播种时更新相应的“ Category文档。

顺便说一句，您可能希望在为集合添加种子时进行检查（请参见上面的代码）...否则，每次进行更改时，您都会得到很多记录，并且应用重新启动。

在1个模板Meteor.js中合并2个集合

问题描述

1 个解决方案

解决方案1
0 已采纳 2014-04-02 03:10:32

在1个模板Meteor.js中合并2个集合

问题描述

1 个解决方案

解决方案1 0 已采纳 2014-04-02 03:10:32

解决方案1
0 已采纳 2014-04-02 03:10:32