我正在尝试使用流星会话创建一个反应式菜单(以保留用户的视图)..但它不起作用,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}}
客户端.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');
}
});
现在工作正常:
- Windows 版流星 (win.meteor.com) 中出现一些奇怪的错误,在停止服务器并刷新 chrome 后,它按预期工作。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)