传递函数为EJS模板用在onclick事件？

Question

我试图给一个函数传递到EJS模板，并将它设置为模板的onclick事件。这可能吗？

换句话说，这样的事情

var clickHandler = function() { console.log("I am in the click handler!"); }
var template = new EJS({ url: "/template.ejs"  });
var html = template.render({ clickHandler: clickHandler })
$("#target").html(html);

当模板看起来像

<p onclick='clickHandler'>Click Me</p>

Answer 1

• 你应该把你的js功能在.ejs文件，而不是服务器文件。
• 你应该通过整个函数代码的函数名称，而不是。

app.js

var html = template.render({ clickHandler:"func1();" })

EJS

<p onclick='<%= clickHandler %>'>Click Me</p>

<script>
  function func1(){
    console.log("I am in the click handler 1!"); 
  }
  function func2(){
    console.log("I am in the click handler 2!"); 
  }
</script>