Question

刚从流星开始。寻找一种方法来拥有一个单独的“主页面”，其中包含一个区域，在该区域中，只需单击下一个/上一个按钮即可交换不同的部分模板。我了解如何使用{{＆gt;静态>静态包含部分模板step_1_Template}}语法。我需要的是在主页面上永久保留下一个/上一个按钮，并在单击下一步按钮时删除{{＆gt; step_1_Template}}并插入{{＆gt; step_2_Template}}。这是怎么做到的？

Answer 1

我的下意识反应是你应该使用iron-router。但是，如果您根据路由交换模板，这可能才有意义。如果您坚持使用相同的路线并且只更改部分，那么您可以使用会话变量完成此操作。

当用户点击“下一步”按钮时，您可以设置会话变量，如：

Template.myTemplate.created = function() {
  Session.setDefault('currentStep', 1);
};

Template.myTemplate.events({
  'click #next': function() {
    var step = Session.get('currentStep');
    return Session.set('currentStep', step + 1);
  }
});

然后你可以添加一个帮手，如：

Template.myTemplate.helpers({
  isStep: function(n) {
    return Session.equals('currentStep', n);
  }
});

最后，您的模板可以根据会话选择适当的部分：

<template name='myTemplate'>
  {{#if isStep 1}}
    {{> step_1_Template}} 
  {{/if}}
  {{#if isStep 2}}
    {{> step_2_Template}} 
  {{/if}}
</template>

Meteor.js：如何在主页面内外交换部分模板

1 个答案: