1

在我的应用程序中,我们从客户端模板化车把(我们不是从服务器端模板化)。所以到目前为止,我们使用以下方式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模板。如果我从服务器端模板,但在我的情况下模板发生在客户端本身,它很有用。

任何人都可以建议我,哪种方式更好。

4

0 回答 0