Загрузить данные из файла JSON в шаблон Handlebars / MJML - PullRequest
Новая
       118

Загрузить данные из файла JSON в шаблон Handlebars / MJML

1 голос
/ 13 апреля 2020

У меня есть шаблон MJML, который компилируется в HTML, и я хочу загрузить переменные из файла JSON в шаблон. Я новичок в HTML, JS & Handlebars, поэтому могу быть не в курсе.

Мой шаблон MJML, test.mjml , выглядит примерно так: 

<mjml>    
<mj-body>
<mj-raw><script type="text/javascript" src="handlebars-v4.7.3.js"></script></mj-raw>  
<mj-raw><script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script></mj-raw>
  <mj-section>
    <mj-text><mj-raw>
      <script id="test-template" type="text/x-handlebars-template">
        <div>
        <p>
        Hello my name is {{name}}.
        </p>
        </div>
      </script>      
    </mj-raw></mj-text>
  </mj-column>
</mj-section>

У меня есть файл JSON, данные . json: 

{
 "name": "John",
 "height": "175cm",
 "occupation": "Teacher",
}

И файл JS, тест . js: 

$(document).ready(function() {  
    var template = $('#test-template').html();

    var compiledTemplate = Handlebars.compile(template);
    $.getJSON('data.json', function (data) {
        var context = data;
        }
});

var html = compiledTemplate(context);

$(document.body).append(html);

Кто-нибудь знает, как это сделать / что я делаю неправильно?

Если я заменим jQuery метод get JSON на встроенный JSON, работает.

...