Question

我有这个文件test.html：

<script id="entry-template" type="text/x-handlebars-template">
template content
</script>

var source   = $("#entry-template").html();
var template = Handlebars.compile(source);

通过这种方式，我可以正确地看到我的模板，但由于我有很多模板要实现，我想把这个部分

<script id="entry-template" type="text/x-handlebars-template">
template content
</script>

进入外部文件。

我正在使用phonegap，然后我无法使用服务器端语言。 Handlebarsjs在phonegap中实现模板是一件好事吗？如果我将使用jquery.load加载模板（仅在我需要它时）可能会更好？

由于

Answer 1

我可以在这里想到两个答案。

首先，您可以使用ajax从外部源加载文件。此外部源可能是您的Web服务器，或者它甚至可能是您的Dropbox的公用文件夹。这将允许您将来更新应用程序。外部源也可以是手机上的文件，由手机间隙加载。以下是一个示例：loading handlebars.js template from external html file shows nothing

第二种方法是你可以编写一个自定义的phonegap-native处理程序并将原始html注入一个javascript函数。例如，第一个参数将是文件名，第二个参数将是整个html作为字符串。然后将该字符串作为模板加载。

Answer 2

是的，您可以使用此Plugin-in的车把js，并在单独的文件夹中管理您的模板文件。由于浏览器不允许在浏览器中加载本地文件，因为它的原点为null 在mac

/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --allow-file-access-from-files

在窗口中添加参数 - 从快捷方式文件访问文件，然后打开

Handlebarsjs并将模板放入外部文件中

2 个答案: