2
我試圖做一個使用流星會議(堅持視圖用戶是)的反應式菜單..但它不工作,Session.get('currentView')得到改變(在Chrome控制檯中的teste),但該頁面不會再次呈現。流星模板沒有使用點擊事件更新
的.html
<div class="col-1-1 menu" style="height: 42px;">
<ul>
<li><a class="dashButton" href="#"># Dashboard</a></li>
<li><a class="myJobsButton"href="#">Jobs</a></li>
<li><a class="helpPageButton"href="#">Help</a></li>
</ul>
<br style="clear:left"/>
</div>
{{#if currentViewIs "dashboard"}}
{{> dashboard}}
{{else}}
{{#if currentViewIs "myJobs"}}
{{> myJobs}}
{{else}}
{{#if currentViewIs "helpPage"}}
{{> helpPage}}
{{else}}
{{> dashboard}}
{{/if}}
{{/if}}
{{/if}}
client.js
Template.userPage.currentViewIs = function (view) {
if(Session.get('currentView') == view)
return true;
return false;
};
Template.userPage.events({
'click .dashButton': function (evt) {
Session.set('currentView', 'dashboard');
},
'click .myJobsButton': function (evt) {
Session.set('currentView', 'myJobs');
},
'click .helpPageButton': function (evt) {
Session.set('currentView', 'helpPage');
}
});