Question

我在ember.js编码已经预编译了我的Application.Handlebars文件，它导致了预编译的把手模板。

早些时候，当我在Index.html页面中插入模板时，我所要做的就是写：

<script type="text/x-handlebars" data-template-name="whateverTemplate">
...
</script>

但是，在我预编译了我的模板后，我在脚本部分中包含了我的模板js文件，我无法在屏幕上看到输出。我究竟做错了什么？你是怎么做到的？

这是我的index.html：

<!DOCTYPE html>
<html>
<head>
    <title>Ember CRM Application</title>
</head>
<link rel="stylesheet" href="css/bootstrap.css"/>
<style>
    .border{
        border: 2px #666 solid;
        border-radius: 10px;
    }
</style>
<body>




<script src="js/libs/jquery-1.10.2.js"></script>
<script src="js/libs/md5.js"></script>
<script src="js/libs/handlebars-1.1.2.js"></script>
<script src="js/libs/ember-1.4.0.js"></script>
<script src="js/libs/ember-data.js"></script>
<script src="js/libs/moment.min.js"></script>
<script src="js/crm.js"></script>

<!--Templates-->
<script src="js/templates/application.handlebars.js"></script>
<!-- to activate the test runner, add the "?test" query string parameter -->
<script src="tests/runner.js"></script>
</body>
</html>

在application.handlebars中：

<h1>This is my template</h1>

这是我的crm.js：

App = Ember.Application.create();

我不想插入视图，我直接想插入模板。请指导我。

Answer 1

我遇到了同样的问题，你看是否使用了Handlebars预编译，那么它就行不通了。您需要使用Ember-Handlebars-Precompile。

这是npm链接：https://github.com/gabrielgrant/node-ember-precompile

您可以使用以下代码进行安装：npm install -g node-ember-precompile

之后，您只需要使用Ember预编译器对其进行编译，它将添加使用Ember所需的任何内容。现在你只需要遵循你正在做的事情。它应该适合你。

EmberJs Handlebars预编译？

1 个答案: