在Handlebars模板中執行Javascript

Question

我們如何在Handlebars模板中執行javascript？例如，我有以下

<script> 
var config = {a: 1} 
</script> 

我希望能夠得到一個把手模板中的config.a值。

Answer 1

您可以通過註冊一個輔助方法做到這一點：

Handlebars.registerHelper("key_value", function (obj, fn) { 
     var soFar = ""; 
     var key; 
     for (key in obj) { 
      if (obj.hasOwnProperty(key)) { 
       soFar += fn({key:key, value:obj[key]}); 
      } 
     } 
     return soFar; 
    }); 

然後你就可以在模板中訪問鍵/值對。

<table> 
    {{#key_value someData}} 
     <tr> 
      <td>{{key}}</td> 
      <td>{{value}}</td> 
     </tr> 
    {{/key_value}} 
    </table>