Question

我试图根据按钮点击加载模板。这是我到目前为止所做的。

html的：

    <header>
      <h1>REQ Form</h1>
</header>
<div class="container">
      <button id= "addjob"> ADD TASK </button> 
      {{#if addjob }}
      {{> reqformtask}}
      {{else}}
      {{/if}}

    </div>

</template>

<template name= "reqformtask">

    <form class="new-task">
     some form info 

</form>

   </template>

.JS档案：

 Template.reqform.events({
"click .addjob": function (event) {
    event.preventDefault(); 
    session.set ('reqformtask',true);

}});

任何人都可以告诉我哪里出错了或指向我的资源？

Answer 1

您需要{{#if addjob}}中要求的助手。它看起来像这样：

Template.reqform.helpers({
    addjob : function () {
       return Session.get ('reqformtask');
    }
});

对按钮ID和帮助器使用不同的名称也会更清楚。

请注意，您需要Session，而不是session。第一个字母应该是大写字母。

另外，正如@Michel Floyd指出的那样，你的事件选择器是错误的：它应该是"click #addjob"（寻找id）而不是"click .addjob"（寻找{{1} }}）

最后，如果您需要按钮来切换模板，请将您的点击事件替换为：

class

基于按钮点击的流星载入模板

1 个答案: