车把不起作用

Question

请帮助我学习把手。 我是第一次尝试，不知道为什么这段代码无法正常工作。 代码的第一部分在我的html中。

<body>
    <div id="container">
            <script id="contact-template" type="text/x-handlebars-template"></script>
                <div class="entry">
                        <h1>I'm {{title}}</h1>
                        <div class="body">
                          {{body}}
                        </div>
                      </div>
            </script>


  (async function (){ 
      let source = $('#contact-template')
      let template = Handlebars.compile(source);

      let context = {
        title: "My New Post",
        body: "This is my first post!"
      };
      let html = template(context);
      $('#container').append(html);
 }())

在此处输入图片说明

Answer 1

首先在handlebars.js中下载handlebars包

让我们尝试一下..希望能为您提供帮助，不要忘记将包添加到项目中并调用该包

<head>
   <script type="text/javascript" src="js/handlebars-v4.0.11.js"></script>
</head>
<body>
    <div id="container">

    </div>
      <script type="text/javascript">
        let entry = '<div id="contact-template">' +
                    '<div class="entry">' +
                      '<h1>I`m {{title}}</h1>' +
                      '<div class="body">{{body}}</div>' +
                    '</div>' +
                  '</div>'
        let source = entry;
        let template = Handlebars.compile(source);

        let context = {
          title: "My New Post",
          body: "This is my first post!"
        };
        let html = template(context);
        $('#container').append(html);
      </script>
</body>

注意：请勿使用<script type="text/x-handlebars-template">因为在加载页面时脚本未运行，而是使用<script type="text/javascript">

车把不起作用

问题描述

1 个解决方案

解决方案1
0 已采纳 2018-04-12 07:12:52

车把不起作用

问题描述

1 个解决方案

解决方案1 0 已采纳 2018-04-12 07:12:52

解决方案1
0 已采纳 2018-04-12 07:12:52