下划线模板添加额外的 <h2> 标签

Question

我有这个简单的模板：

  <script type="text/template" id="dashboard_tem">
    <h2>Dashboard<h2>
  </script>

我通过以下方式渲染它：

    var tem = $('#dashboard_tem').html();
    this.$el.html(_.template(tem, {}));

然而，this.$el html 变为：

<div>
    <h2>Dashboard</h2><h2></h2>
</div>

注意最后多出来的 <h2>。这是为什么？

Answer 1

我认为您希望在将 h2 设置为变量 tem 之前将其关闭：

<script type="text/template" id="dashboard_tem">
  <h2>Dashboard<h2>
</script>

改为

<script type="text/template" id="dashboard_tem">
  <h2>Dashboard</h2>
</script>

underscore template adding extra <h2> tags