Übergeben einer Funktion in eine EJS-Vorlage für die Verwendung in einem onclick-Ereignis?

Question

Ich versuche, eine Funktion in eine EJS-Vorlage zu übergeben und in der Vorlage auf ein onclick-Ereignis zu setzen. Ist das möglich?

Mit anderen Worten, so etwas wie dieses

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); 

Wo die Vorlage so etwas wie

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

Answer 1

• Sie sollten anstelle von Server-Datei in EJS-Datei setzen Sie Ihre js Funktion aussieht.
• übergeben Sie den Funktionsnamen stattdessen einen ganzen Funktionscode.

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>