2017-03-05 60 views
0

我是流星的新手,我遇到了一些問題。我正在創建一個社交網絡應用程序,它基本上做的是註冊用戶,用戶可以發佈並關注其他人。這就是它現在的基本功能。我想添加一些內容,當用戶點擊其他用戶個人資料時,會顯示用戶發佈的內容。但代碼心不是工作和犯規都我似乎找不到流星中的錯誤

模板顯示任何錯誤

<template name="profileArea"> 
{{#if currentUser}} 
    <div id="side-profile" class="side-box"> 
     <a class="filter-user">{{currentUser.username}}</a> 
    </div> 
    {{/if}} 
    <div id="side-all" class="side-box"> 
     <a class="community">Community</a> 
    </div> 
    {{#if currentUser}} 
    <div id="side-like" class="side-box"> 
     <h3>Following</h3> 
     <div class="boxcontent"> 
     {{#each username in following}} 
      <div> 
       <a class="filter-user">{{username}}</a> 
      </div> 
     {{/each}} 
     </div> 
    </div> 
     <div id="side-likeyou" class="side-box"> 
     <h3>Follows You</h3> 
     <div class="boxcontent"> 
     {{# each followers}} 
      <div> 
       <a class="filter-user">{{username}}</a> 
      </div> 
     {{/each}} 
     </div> 
    </div> 
    {{/if}} 
</template> 

代碼:

Template.profileArea.events({ 
    'click .filter-user': function(event){ 
     event.preventDefault(); 
     var selectedUser = event.target.text; 

     Session.set('username', selectedUser); 
    }, 
    'click .community': function(event){ 
     event.preventDefault(); 
     Session.set('username', null); 
    } 
}); 

Template.postsList.helpers({ 
    posts: function() { 
     //Stuff should happen here but its not -_- 
     var result; 
     if(Session.get('username')){ 
      result = Post.find({username: Session.get('username')}, {sort:{created: -1}}); 
     } 
     else{ 
      result = Post.find({}, {sort:{created: -1}}); 
     } 
     return result; 
    } 
}); 
+0

你的模板在哪裏渲染子模板'postsList'?你的例子不包括這個細節。 – jordanwillis

+0

嗨,你是什麼意思? <模板名稱= 「postsList」> {{#each帖}}

{{content}}
{{username}}
{{/每} } –

回答

1

在這種情況下的問題是,你從來沒有真正呈現您的postsList模板(您只是剛剛定義它)。

如果您想要實際看到postsList,您需要從profileArea的HTML中的某處撥打{{> postsList }}。這將渲染該模板,然後您的助手將執行(並在Session.get('username')更改時反應性地更改)。

也許在配置文件的'Follows You'部分後添加此項。

<div id="side-posts" class="side-box"> 
    <h3>Posts</h3> 
    <div class="boxcontent"> {{> postsList }} <div> 
</div> 
相關問題