在Handlebars模板中执行JavaScript

前端之家收集整理的这篇文章主要介绍了在Handlebars模板中执行JavaScript前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我们如何在Handlebars模板中执行 javascript?例如我有以下
  1. <script>
  2. var config = {a: 1}
  3. </script>

我想要获得一个Handlebars模板中的config.a的值.

解决方法

您可以通过注册帮助程序来执行此操作:
  1. Handlebars.registerHelper("key_value",function (obj,fn) {
  2. var soFar = "";
  3. var key;
  4. for (key in obj) {
  5. if (obj.hasOwnProperty(key)) {
  6. soFar += fn({key:key,value:obj[key]});
  7. }
  8. }
  9. return soFar;
  10. });

然后,您可以访问模板中的键/值对.

  1. <table>
  2. {{#key_value someData}}
  3. <tr>
  4. <td>{{key}}</td>
  5. <td>{{value}}</td>
  6. </tr>
  7. {{/key_value}}
  8. </table>

猜你在找的JavaScript相关文章