单击模板数据需要在同一页面中呈现
On click the template data needs to be rendered in the same page
我正在尝试在同一 HTML 页面上呈现数据(来自模板),例如隐藏(单击后退按钮时)和显示(单击查看按钮时)。我的代码如下:
<h2>Saved Deals</h2>
<p>This includes deals which are in draft</p>
<p><a class="btn btn-black fjalla" id="viewsaveddeals" role="button">View »</a>{{> saveddeals}}</p>
您可以使用 Meteor Sessions
,例如:
if (Meteor.isClient) {
Template.deals.helpers({
showSavedDeals: function () {
return Session.equals('showSavedDeals', true);
}
});
Template.deals.events({
'click #viewsaveddeals': function () {
Session.set('showSavedDeals', true);
}
});
Template.deals.onDestroyed(function () {
Session.set('showSavedDeals', null);
});
}
<template name="deals">
<h2>Deals<span>12</span></h2>
<p>This includes deals which are in draft</p>
<p><a class="btn btn-black fjalla" id="viewsaveddeals" role="button">View
»</a>{{#if showSavedDeals}}{{> saveddeals}}{{/if}}</p>
</template>
<template name="saveddeals">
<h2>Saved deals</h2>
</template>
我正在尝试在同一 HTML 页面上呈现数据(来自模板),例如隐藏(单击后退按钮时)和显示(单击查看按钮时)。我的代码如下:
<h2>Saved Deals</h2>
<p>This includes deals which are in draft</p>
<p><a class="btn btn-black fjalla" id="viewsaveddeals" role="button">View »</a>{{> saveddeals}}</p>
您可以使用 Meteor Sessions
,例如:
if (Meteor.isClient) {
Template.deals.helpers({
showSavedDeals: function () {
return Session.equals('showSavedDeals', true);
}
});
Template.deals.events({
'click #viewsaveddeals': function () {
Session.set('showSavedDeals', true);
}
});
Template.deals.onDestroyed(function () {
Session.set('showSavedDeals', null);
});
}
<template name="deals">
<h2>Deals<span>12</span></h2>
<p>This includes deals which are in draft</p>
<p><a class="btn btn-black fjalla" id="viewsaveddeals" role="button">View
»</a>{{#if showSavedDeals}}{{> saveddeals}}{{/if}}</p>
</template>
<template name="saveddeals">
<h2>Saved deals</h2>
</template>