Meteor Blaze 遍历动态创建的对象

Question

我正在尝试使用 Blaze 迭代动态创建的对象。我有集合和对象，但无法在表格中显示数据，我不明白为什么。

这是我检索对象的代码：

在我的模板助手中：

fields: ()=> {
    var collectionSelected = FlowRouter.current().params.collectionName;

    // var data = Mongo.Collection.get(collectionSelected).find().count();


    var collectionObject = Collections.findOne({name: collectionSelected});

    console.log(Collections.findOne({name: collectionSelected}));

    return Collections.findOne({name: collectionSelected});
},

values: ()=> {

    var collectionSelected = FlowRouter.getParam('collectionName');
    var collectionObject = Collections.findOne({name: collectionSelected});
    var dataArray = [];

    var data = Meteor.call('findElmt', collectionSelected, function(err, res){
        console.log('VALUES : ');
        console.log(res);
        return res;
    });

},

findElmt 方法：

findElmt(collectionName){
    if (global.hasOwnProperty(collectionName)){
        var res = Mongo.Collection.get(collectionName).find().fetch();

        console.log(res);
        return res;
    }

    else {
        global[collectionName] = new Meteor.Collection(collectionName);

        var res = Mongo.Collection.get(collectionName).find().fetch();
        console.log(res);
        return res;
    }

}

最后是我尝试用 Blaze 显示它的方式：

<table data-toggle="table" data-show-columns="true" data-search="true" data-pagination="true">
    {{#with fields}}
        {{#if Template.subscriptionsReady}}
            <thead>
                <tr>
                {{#each fields.fieldsName}}
                    <th data-sortable="true">{{this}}</th>
                {{/each}}
                </tr>
            </thead>
        {{else}}
            <p>Loading...</p>
        {{/if}}
    {{/with}}
    <tbody>
        {{#each values}}
            <tr>
            {{#each valueString in values.items}}
                <td>{{valueString}}</td>
            {{/each}}
            </tr>
        {{/each}}
    </tbody>
</table>

如果您对我做错的地方有任何建议，谢谢！

编辑 1：我添加了字段助手！

Answer 1

假设 values 是一个包含字段 items 的 JsonObject 数组，您迭代的方式是错误的。当使用 {{#each}} 而不是 {{#each in}} 时，您可以使用 items 或 this.items.

直接访问您的属性

如果values是一个JsonObject数组：

<tbody>
    {{#each values}}
        <tr>
        {{#each valueString in this.items}} // values.items -> this.items
            <td>{{valueString}}</td>
        {{/each}}
        </tr>
    {{/each}}
</tbody>

如果values是一个JsonObject，你可以使用with :

<tbody>
    {{#with values}}
        <tr>
        {{#each valueString in this.items}} // values.items -> this.items
            <td>{{valueString}}</td>
        {{/each}}
        </tr>
    {{/with}}
</tbody>

然后要通过方法调用获得反应性返回值，您可以使用以下包： https://atmospherejs.com/simple/reactive-method

Answer 2

非常感谢你的帮助，我终于搞定了。

这是像我这样未来迷失灵魂的最终代码！

模板助手：

fields: ()=> {
    var collectionSelected = FlowRouter.current().params.collectionName;

    // var data = Mongo.Collection.get(collectionSelected).find().count();


    var collectionObject = Collections.findOne({name: collectionSelected});

    console.log(Collections.findOne({name: collectionSelected}));

    return Collections.findOne({name: collectionSelected});
},

values: ()=> {

    var collectionSelected = FlowRouter.getParam('collectionName');
    var collectionObject = Collections.findOne({name: collectionSelected});
    var dataArray = [];

    console.log(ReactiveMethod.call("findElmt", collectionSelected));

    return ReactiveMethod.call("findElmt", collectionSelected);
}

服务器端 FindElmt 方法没有改变，最后是 Blaze 代码：

<table data-toggle="table" data-show-columns="true" data-search="true" data-pagination="true">
                    {{#with fields}}
                        {{#if Template.subscriptionsReady}}
                            <thead>
                                <tr>
                                {{#each fields.fieldsName}}
                                    <th data-sortable="true">{{this}}</th>
                                {{else}}
                                    {{! will this fix this issue? }}
                                {{/each}}
                                </tr>
                            </thead>
                        {{else}}
                            <p>Loading...</p>
                        {{/if}}
                    {{else}}
                        {{! will this fix this issue? }}
                    {{/with}}

                    {{#with values}}
                        <tbody>
                        {{#each values}}
                            <tr>
                            {{#each valueString in this.items}}
                                <td>{{valueString}}</td>
                            {{else}}
                                {{! will this fix this issue? }}
                            {{/each}}
                            </tr>
                        {{else}}
                            {{! will this fix this issue? }}
                        {{/each}}
                        </tbody>
                    {{else}}
                        {{! will this fix this issue? }}
                    {{/with}}

                </table>

Meteor Blaze 遍历动态创建的对象

Meteor Blaze iterate over dynamically created object

node.js

meteor

meteor-blaze