2016-03-13 34 views
0

我列出了我主頁中的所有項目。這是代碼如何將物品信息傳輸到下一頁?

{{#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}} 

我有另一個模板「itemDetails」應該列出用戶點擊的項目的信息。我如何使項目可點擊?以及如何將用戶轉移到用戶選擇的項目信息的itemDetails?

+1

至少檢查他們網站上的基本流星文檔和示例應用程序。它擁有你想要的一切。 – Guns

回答

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"); 

然後使用這個號碼,找到從收集的文件。並使用文檔屬性在HTML中顯示。

相關問題