带有"div"标签的把手模板而不是"脚本"

Question

实际上问题在于subj ...是否有可能制作把手模板框架,识别div标签内的模板而不是脚本标签？

例如,我想用这个标记创建模板:

<style>
    div.text-x-handlebars {display:none;}
</style>
<div class="text-x-handlebars-template">
    <h2>I'm template</h2>
    <p>{{welcomeMessage}}</p>
</div>

Answer 1

是的,您可以将模板放在<div>s而不是<script>s中,例如:

http://jsfiddle.net/ambiguous/RucqP/

但是,这样做充满了危险.如果您将模板放在a中,<div>那么浏览器会在您填写之前将其解释为HTML ; 因此,如果模板的HTML 在填写之后无效,浏览器可能会尝试更正它并弄乱一些东西.此外,如果你id的模板中有属性,那么你最终会得到重复的ids(模板中的<div>一个和你在DOM中填充的模板中的重复),这将导致各种奇怪和有趣的错误.浏览器还会尝试下载模板中的任何图像<div>,这可能是也可能不是问题(如果图像在其src属性中使用模板变量,甚至可能是可取的但可能不合适).

基本上,你可以这样做,但你不应该,你应该把模板放在<script id="..." type="text/x-handlebars-template">元素中.