首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >为Meteor数据创建编号列表

为Meteor数据创建编号列表
EN

Stack Overflow用户
提问于 2015-02-20 18:11:42
回答 3查看 224关注 0票数 1

有没有办法为我在Meteor集合中拥有的物品的编号列表获取“编号”?我知道我可以在html中做到这一点,但我觉得如果我只需要在{{spacebar}}中放置一些东西,样式就会容易得多。如果我可以使用更好的术语,请让我知道。就像这样。

前20部电影排行榜:

代码语言:javascript
运行
复制
    {{#each movie}}
         Movie #{{number}} {{movie_name}} {{review_score}}
    {{/each}}
EN

回答 3

Stack Overflow用户

发布于 2015-02-20 18:18:33

我不能很好地理解你的问题,我也不太了解Meteor-Collections,但一般来说,如果你迭代一个Array并想要得到每个元素的索引,你可以很容易地用:

代码语言:javascript
运行
复制
[1,2,3].forEach(function(e,i){ console.log(i+":"+e); })

 0:1
 1:2
 2:3

请参阅forEach()的MDN。

票数 1
EN

Stack Overflow用户

发布于 2015-02-20 18:49:25

有一个可以做你想做的事情:

代码语言:javascript
运行
复制
{{#each movie}}
   {{@index}}{{movie}}
{{/each}}

在它们合并之前,您可以使用其他方法:

How can I get the index of an array in a Meteor template each loop?

票数 1
EN

Stack Overflow用户

发布于 2015-03-27 04:55:22

使用Underscore.js中的"map“尝试一下。

我期待你的"Movie“收藏中有电影,它们看起来像这样:

代码语言:javascript
运行
复制
{
    title: "Shawshank Redemption",
    score: 92
},
{
    title: "Forrest Gump",
    score: 96
},
{
    title: "Green Mile",
    score: 91
},
{
    title: "The Godfather",
    score: 95
}

..。以此类推。

下面是"yourTemplate“辅助函数:

代码语言:javascript
运行
复制
Template.yourTemplate.helpers({
    movie: function () {
        var loadMovies = Movie.find({}, {sort: {score: -1}, limit: 20}).fetch(); // added descending sorting by review score
        var array = _.map(loadMovies, function(movie, index) {
            return {
                    number: index+1, // incrementing by 1 so you won't get 0 at the start of the list
                    movie_name: movie.title,
                    review_score: movie.score
                   };
        });
        return array;
    }
});

因此,现在您可以在模板中使用它,如下所示:

代码语言:javascript
运行
复制
<template name="yourTemplate">
    {{#each movie}}
         Movie #{{number}} {{movie_name}} {{review_score}}
    {{/each}}
</template>
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/28626410

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档