如何在Meteor.js中的if语句中包含的元素上调用函数？

Question

以下示例：

{{#if currentUser}}
    <li><a class="waves-effect waves-light btn modal-trigger modal-close" href="#upload">Upload Image</a></li>
{{/if}}

现在我这样做：

Template.MasterLayout.onRendered(function()
{
    $('.modal-trigger').leanModal();
});

这在您登录然后刷新页面时有效。 当然我希望在显示Button的那一刻运行该功能。 我想知道，我将如何处理“在上传图像渲染的那一刻，运行此功能”。 因为我只知道如何使用模板执行此操作，而不是使用单个元素。 或者，我可以说“在用户登录的那一刻，运行此功能”，但我觉得你应该能够拥有像“elem.onRendered”这样的东西？

Answer 1

有几种解决方案，但最简单的方法是将其放在子模板中：

  ...
  {{#if currentUser}}
    {{> subTemplate}} 
  {{/if}}
  ...
</template>

<template name="subTemplate">
  <li><a class="waves-effect waves-light btn modal-trigger modal-close" href="#upload">Upload Image</a></li>
</template>

接着：

Template.subTemplate.onRendered(function() {
  $('.modal-trigger').leanModal();
});