javascript - 主干模板不会留在 html 中

Question

所以我在我的 html 中插入了一个主干模板：

<div class = "outside of template">
<script id="personTemplate" type="text/template">
    <div class="view1">
      <input class="toggle" type="checkbox">   
      <input class="view" style="border:none;" value="<%= name %> <%= age %> - <%= occupation %>">
      <a class = "destroy"  />
    </div>  
    </script>
</div>

但是当我运行我的脚本/打开我的页面时，模板的输出总是出现在我的下面

<div class = "outside of template"></div>

那么如何使模板内容保留在我的 html div 或 table 或任何元素中？

Answer 1

您Template似乎在div元素之间。那是你的问题。

它一定要是：

<div class = "outside of template"></div>
<script id="personTemplate" type="text/template">
    <div class="view1">
      <input class="toggle" type="checkbox">   
      <input class="view" style="border:none;" value="<%= name %> <%= age %> - <%= occupation %>">
      <a class = "destroy"  />
    </div>  
</script>