Как написать шаблон руля в файле JavaScript

Question

Как написать шаблон руля в файле JavaScript

Шаблон руля javascript, как правило, добавляется в файл HTML, было бы проще, если бы мы могли сохранить все шаблоны в файле javascript, есть ли лучший способ сделать это?

<script id="entry-template" type="text/x-handlebars-template">
  <h1>{{title}}</h1>
</script>

Изменить: я могу написать этот шаблон, используя обычную строку Javascript, каковы другие варианты?

var template = '<h1>{{title}}</h1>';

-1

javascript coding-style handlebars.js pug

Источник

user280842 20 дек '14 в 01:50

1 ответ

Другие вопросы по тегам javascript coding-style handlebars.js pug

user4036946 20 дек '14 в 01:59 2014-12-20 01:59 · Answer 1 · 2014-12-20 01:59

Я не думаю, что вы можете сделать это.

Причина, по которой браузер должен выполнить JavaScript, type="text/javascript" и шаблон руля не должно быть там.

====== Редактировать =======

Чтобы сделать ваш код более понятным, вы можете поместить шаблон руля в другой файл.

Вот пример:

test.php

<?php

?>

<!DOCTYPE html>
<html>
<head>
    <title>test</title>
</head>
<body>

<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/2.0.0/handlebars.min.js" ></script>

<script>
    (function(){
        $('body').load('assets/template.js', function(){
            var template = Handlebars.compile( $('#template').html() );
            var data = {
                'name': 'jone doe',
                'email': 'xx@example.com'
            };

            $('body').append( template(data) ); 
        });


    })()
</script>
</body>
</html>

assets/template.js

<script type="text/x-handlebars-template" id="template">
    {{name}}
    {{email}}
</script>