node.js – 流星铁路由器布局渲染

<template name="layout">
  {{> content}}

  {{> leftbar}}

  {{> rightbar}}

  <nav class="navigation">
      {{#if currentUser}}
          {{> navigation_logged_in}}
      {{elsE}}
          {{> navigation_logged_out}}
      {{/if}}
  </nav>
</template>

我们包括例如布局模板中的右键模板.

<template name="rightbar">
  <aside class="rightbar">
      <button id="closeRightBar" class="close-cross"></button>

      {{yield 'rightbar'}}
  </aside>
</template>

右侧栏模板包括右栏收益率,我们将特定内容输入其中.

我们已经实现了以下RouteController：

UserShowRouter = RouteController.extend({

  before: function() {
      var username = this.params.username;
      if(App.subS.User) {
          App.subS.User.stop();
      }
      App.subS.User = Meteor.subscribe('user',userName);
  },waitOn: function () {
    return Meteor.subscribe('user');
  },data: function() {
      return Meteor.users.findOne({'profile.username': this.params.username});
  },action: function() {
      this.render('profile',{to: 'rightbar'});
  }

});

我们想要实现的是,例如,配置文件模板产生到右栏产量,并随着数据的变化得到更新和重新呈现.

现在的问题是侧边栏是动态动画,显示和隐藏的.现在,每次重新呈现配置文件模板时,布局模板都会重新呈现.这是为什么？我们认为产量区域的目的之一是整个站点不需要重新渲染.现在,当重新渲染布局时,动画的整个css将重新设置为原始值.

我们现在尝试了几种不同的方法,但它们似乎都不是一个好的和干净的解决方案.有没有办法保持布局模板不被重新渲染,只是保持屈服区域和模板更新？任何建议或替代方案将受到高度赞赏.