模板中的条件元素
Conditional Elements within template?
我对流星很陌生,所以我对它的某些方面不熟悉
我想知道是否可以根据显示的页面/"父"级模板在子模板中显示某些元素。
("父"模板)
<template name="aboutPage">
{{> contactForm }}
</template>
联系人表单
{{#if is aboutPage}}
<a href="#" class="button">HOME</a>
{{/if}}
沿着上面的线的东西。仅当页面为aboutPage
时,才会在contactForm
内部显示.button
元素。我为不正确的术语道歉。
我建议您使用iron:router包。
你这样定义路线。
Router.route('/about', function () {
this.render('aboutPage');
});
现在,每当用户转到/aboutPage
时,<template name="aboutPage">
中的所有html都会显示出来。
看看铁:GitHub 上的路由器指南
还可以看看iron:router的例子。
更新(基于用户评论)创建辅助
Template.example.helpers({
showForm:function(){
if(validation){
return true;
}else{
return false;
}
}
})
我们使用这样的助手。
<template name="example">
{{#if showForm}}
<!-- Form here -->
{{else}}
<!-- don't show form -->
{{/if}}
</template>
相关文章:
- 如何附加<ul><李>元素位于某个特定条件的父元素列表之间
- 正则表达式条件来删除元素
- KnockoutJS:为虚拟元素使用嵌套的条件if语句
- 根据特定条件使用ng显示/ng隐藏来显示/隐藏元素
- Jquery:当两个或多个条件为true时,选择一个元素
- 从json数组中查找满足条件的特定元素的值
- ng重复向一个元素添加条件类
- 如何使用jQuery绕过具有指定类和两个条件的元素的函数
- 如何用d3有条件地移除元素
- AngularJS ng-if指令在移除元素之前,即使条件为false,也会短暂呈现
- 量角器 - 根据条件识别嵌套下拉元素时超时
- 在元素中搜索字符串,然后将其放入条件语句中
- jQuery 查找与条件匹配的元素
- if数组元素在for循环内部有条件
- 如果满足条件,则使用JQuery向元素添加链接
- 如何用angular js对HTML元素的id属性进行条件设置
- 模板中的条件元素
- Undercore findWhere函数,用于查找与条件a或b匹配的元素
- 使用 jQuery 的切换元素的正确条件
- 如何拥有条件元素并使用Facebook React的JSX保持DRY