如何通过流星会话更改div中的html代码？

Question

是否可以通过流星会话更改div容器中的html代码？

我的html代码是

<template name="frame">
  <div class="container-fluid">
   {{html}}
  </div>
 </div>
</template>

我的js文件看起来像这样

Template.frame.html = function() {
 if (Session.equals('current_frame', 1))
  return "Verwaltung";
 else if (Session.equals('current_frame', 2))
  return "Protokoll";
 else if (Session.equals('current_frame', 3))
  return "Informationen";
 else {
  return "";
 }
};
Template.menu.events({
 'tap, click .verwaltung':function(e,t) {
  Session.set('current_frame', 1);
 },
 'tap, click .protokoll':function(e,t){
  Session.set('current_frame', 2);
 },
 'tap, click .informationen':function(e,t){
  Session.set('current_frame', 3);
 }
});

我想根据会话值更改具有不同html代码的{{html}}。 这可能吗？我怎么能做到这一点？

我使用meteor和bootstrap。

喝彩！

Answer 1

我在代码中看到的唯一问题是menu.events。对于多个事件，您需要指定将接收哪个元素单独：

Template.menu.events({
  'tap .vermaltung, click .verwaltung': function() {
    Session.set('current_frame', 1);
  }
}