Question

我在主页中列出了我的收藏中的所有项目。这是代码

{{#each applications}}
        <div class="col-sm-4 col-lg-4 col-md-4">
            <div class="thumbnail">
                <img src="{{previewImage}}" alt="">
                    <div class="caption">
                         <h4 class="pull-right">${{price}}</h4>
                         <h4><a href="#">{{title}}</a>
                                    </h4>
                                    <p>{{description}}</p>
                     </div>
            </div>
        </div>
    {{/each}}

我有另一个模板＆＃34; itemDetails＆＃34;它应该列出用户点击的项目的信息。如何使项目可点击？以及如何使用用户选择的项目信息将用户转移到itemDetails？

Answer 1

为达到此效果，您应该进行一般性设置。

LIB / router.js

Router.route('/item/:_id', function(){
    Session.set("itemId", this.params._id);
    this.render("navbar", {to:"navbar"});
    this.render("itemDetails", {to:"main"});
});

所以现在你有了路线。显然，HTML的答案是：

HTML

<h4><a href="/item/{{_id}}">{{title}}</a>

通过这种方式，每个项目都有一条独特的路径，与路由器的路由同步。

现在最后当您从heelper中的数据库中提取文档以使用itemDetails模板时：

var itemId = Session.get("itemId");

然后使用此ID从集合中查找文档。并使用文档属性在HTML中显示。

如何将项目信息传输到下一页？

1 个答案: