1

在我的车把应用程序中,我试图循环浏览一组帖子。我正在尝试访问每个帖子的 ID。我正在正确获取当前帖子的 ID。但是还是每张图片,我都需要提供上一个和下一个 id。我使用数学助手将索引递增/递减 1,它工作正常。

我的想法是我将使用车把子表达式来计算所需的索引,然后我将使用查找助手来访问该索引处的值。但是我的代码没有按预期工作。有人可以帮我提供正确的代码吗?

{{#each posts}}
    <div class="lb-overlay" id="image-{{id}}">
        <a href="#image-{{lookup id (math @index '-' 1)}}" class="lb-prev">Prev</a>
        <a href="#image-{{lookup id (math @index '+' 1)}}" class="lb-next">Next</a>
    </div> 
{{/each}}

更新:我自己想通了。实现了我自己的车把助手。

{{#each posts}}     
    <div class="lb-overlay" id="image-{{id}}">       
        <a href="#image-{{getIdByIndex ../posts (math @index '-' 1)}}" class="lb-prev">Prev</a>       
        a href="#image-{{getIdByIndex ../posts (math @index '+' 1)}}" class="lb-next">Next   
    </div> 
{{/each}}
4

1 回答 1

0
    {{#each posts}}     
        <div class="lb-overlay" id="image-{{id}}">       
            <a href="#image-{{getIdByIndex ../posts (math @index '-' 1)}}" class="lb-prev">Prev</a>       
            a href="#image-{{getIdByIndex ../posts (math @index '+' 1)}}" class="lb-next">Next   
        </div> 
    {{/each}}

    getIdByIndex: function(posts, index) {
        return posts[index].id;
    }
于 2018-03-21T06:07:17.387 回答