將功能傳遞到Handlebars模板

Question

我爲html模板使用（或至少開始）HandlebarsJS但我可能已經死了。我想要的是將一個功能傳遞給模板，例如

<div id="divTemplate"> 
    <span onclick="{{func}}">{{text}}</span> 
</div> 

，然後我會希望有一些像

var source = $('#divTemplate').html(); 
var template = Handlebars.compile(source); 

var data = { 
    "text": "Click here", 
    "func": function(){ 
    alert("Clicked"); 
    } 
}; 

$('body').append(template(data)); 

但在初始化函數執行，它不傳遞到模板，其結果是：

<span onclick="">Click here</span>. 

我正在嘗試一些輔助函數的東西，但我也無法使它工作。任何想法，將不勝感激。 :)

Answer 1

該解決方案非常簡單。

把手將輸出要傳遞到模板對象的屬性，如果該屬性是一個功能，它將執行的功能和輸出返回值

在你的例子函數不會返回任何值（它只是調用alert），所以輸出是空的。

您可以創建一個helper方法是這樣的：

handlebars.registerHelper('stringifyFunc', function(fn) { 
    return new Handlebars.SafeString("(" + 
       fn.toString().replace(/\"/g,"'") + ")()"); 
}); 

然後在模板中，你只需要使用它需要被字符串化的功能：

<div id="divTemplate"> 
    <span onclick="{{stringifyFunc func}}">{{text}}</span> 
</div>