以“格”的标签,而不是“脚本”把手模板(Handlebars template with “div”

2019-06-26 13:10发布

其实这个问题是在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>真是让人不是<script> S,例如:

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

但是,这样做是充满危险。 如果你把里面的模板<div>那么浏览器将它解释为HTML你在充满之前 ; 所以,如果你的模板的HTML是无效的,直到它已被填充 ,浏览器会试图更正,并让乱七八糟的东西。 另外,如果你id在你的模板属性,那么你会出现重复的id S(一个模板<div>并在填充在你把DOM模板重复),这将导致各种奇怪而有趣的错误。 该浏览器也将尝试下载任何图像内的模板<div>这可能会或可能不会是一个问题(如果甚至可能是可取的,但可能不是可取的,如果像在使用模板变量src属性)。

基本上,你可以做到这一点,但你不应该,你应该把你的模板在<script id="..." type="text/x-handlebars-template">元素来代替。



文章来源: Handlebars template with “div” tag instead “script”