在我的应用程序中,我们从客户端模板化车把(我们不是从服务器端模板化)。所以到目前为止,我们使用以下方式html
使用标签维护文件内部的所有模板化。script
<script id="selectdropdownTpl_mobile" type="text/x-handlebars-template">
<option value="{{optValue}}" label="{{name}}">{{name}}</option>
</script>
每当我想要模板时,我只是像以下方式一样编译并将编译结果附加到 dom
var alertCompilation= Handlebars.compile(document.getElementById("selectdropdownTpl_mobile").innerHTML)
alertCompilation({"optValue":"test","name":"firstApp});
工作正常,但我们正在考虑将所有车把模板分离到另一个文件中。因此很容易维护 html 文件。
关于这一点,我想将所有模板移动到.js
文件中的文件中,只是创建全局变量,它是以下方式的对象。
//fileName test.js
var templates={
"selectdropdownTpl_mobile":"template code"
}
每当我想要时,我都可以通过以下方式访问模板代码。
var alertCompilation= Handlebars.compile(templates["selectdropdownTpl_mobile"]);
alertCompilation({"optValue":"test","name":"firstApp});
这种方式也可以正常工作,我想知道这是不是好方法。如果不是好方法,shell如何做到这一点。
我听说过.hbs
文件,基本上它包含pre-compiler
模板。如果我从服务器端模板,但在我的情况下模板发生在客户端本身,它很有用。
任何人都可以建议我,哪种方式更好。