Execute Javascript trong tay lái mẫu

Question

Làm thế nào để chúng ta thực hiện javascript trong tay lái mẫu? Ví dụ: tôi có:

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

Tôi muốn có thể nhận giá trị config.a bên trong mẫu Handlebars.

Answer 1

Bạn có thể làm điều này bằng cách đăng ký một phương pháp helper:

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

Và sau đó bạn có thể truy cập các cặp khóa/giá trị trong mẫu.

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