meteor 模板助手

示例

模板助手是Blaze的重要组成部分,可为模板提供业务逻辑和反应性。重要的是要记住,模板助手实际上是反应性计算,只要它们的依赖关系发生变化,它们就会重新运行。根据您的需求,可以全局定义模板帮助器,也可以将其定义为特定模板的范围。下面提供了每种模板助手定义方法的示例。

  1. 范围为单个模板的模板助手的示例。

首先定义您的模板:

<template name="welcomeMessage">
  <h1>Welcome back {{fullName}}</h1>
</template>

然后定义模板助手。假定模板的数据上下文包含firstName和lastName属性。

Template.welcomeMessage.helpers({
  fullName: function() {
    const instance = Template.instance();
    return instance.data.firstName + ' ' + instance.data.lastName
  },
});

  1. 全局模板帮助器的示例(可以在任何模板中使用此帮助器)

首先注册助手:

Template.registerHelper('equals', function(item1, item2) {
  if (!item1 || !item2) {
    return false;
  }

  return item1 === item2;
});

equals定义了帮助程序后,我现在可以在任何模板中使用它:

<template name="registration">
  {{#if equalscurrentUser.registrationStatus'Pending'}}
    <p>Don't forget to complete your registration!<p>
  {{/if}}
</template>