无法从模板

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>

但问题是当我看到＆lt;％= listSongs.nextLink％＆gt;

Answer 1

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

解决方案是将模板放在自定义类型的<script>标记中：

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

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

这是基于Backbone的an example，The Primer。