javascript - 模板内的条件元素？

Question

我对 meteor 非常陌生，所以我对它的某些方面不熟悉。

我想知道是否可以根据正在显示的页面/“父”级别模板来显示子模板中的某些元素。

(“父级”模板)

<template name="aboutPage">
     {{> contactForm }}
</template>

联系表格

{{#if is aboutPage}}
    <a href="#" class="button">HOME</a>
{{/if}}

与上面的内容类似。仅当页面为 aboutPage 时，contactForm 内部才会显示 .button 元素。对于错误的术语，我深表歉意。

Answer 1

我建议您使用iron:router包。

你可以像这样定义路由。

 Router.route('/about', function () {
      this.render('aboutPage');
    });

现在每次用户访问 /aboutPage ，里面所有的html<template name="aboutPage">将显示。

查看 iron:router Guide在 GitHub 上

另请参阅this examples来自铁:路由器。

更新(根据用户评论) 创建助手

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>