下划线模板添加额外的<h2>标签</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之前关闭h2：

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

更改为

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