在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>