meteor中多页面的处理

1.使用 iron-router,创建一个布局模板,然后将其他模板使用{{> yield}}注入到其中。(可以通过查看iron-router的文档了解布局模板)。(可以在atmosphere中查找相关内容)

2.使用{{> Template.dynamic}}。

eg:

<body>
  <ul>
    <li><a href="#" class="index">Home</li>
    <li><a href="#" class="about">About </li>
    <li><a href="#" class="contact">Contact </li>
  </ul>
  {{> Template.dynamic template=template_name }}
</body>
其中template_name可以使用template helper来改变

Meteor.startup(function () {
  Session.setDefault("templateName", "index")
});

Template.body.helpers({
  template_name: function(){
    return Session.get("templateName")
  }
});

Template.body.events({
  "click .home": function() {
    Session.set("templateName", "index");
  },
  "click .about": function() {
     Session.set("templateName", "about");
  }
  // ..
});

如果session返回的是"about",{{> Template.dynamic template="about"}} 就相当于{{> about}}.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值