javascript - 从模板中看不到模型

Question

我无法将模型设置为模板，我正在尝试这样做:在我看来:

 var tmpl = _.template($('#table_template').html() );
        view.$el.html(tmpl(listSongs));

和我的模板:

   </div><!-- /.row -->
    <div class="list-group">
        <div  id="table_template">
            <%= listSongs.nextLink %>
        </div>
        <nav>
            <ul class="pager">
                <li><a href="#">Previous</a></li>
                <li><a href="#">Next</a></li>
            </ul>
        </nav>

但是当我只看到 <%= listSongs.nextLink %>

时出现的问题

Answer 1

您将模板放入 HTML 中，因此其内容将被视为页面的一部分并显示文本。

解决方案是将模板放入 <script> 中自定义类型的标签:

<script id="table_template" type="text/template">
    <div>
        <%= listSongs.nextLink %>
    </div>
</script>

这样，浏览器就会忽略该模板，并且不会将其视为页面的一部分。

这是基于 an example来自《Backbone》入门书。