我的index.html
位于根目录中,我已在其中指定了应用程序模板。
我有一个模板目录,其中保存.hbs模板。
Gruntfile是这样的:
module.exports = function(grunt) {
// Project configuration.
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
emberTemplates: {
compile: {
options: {
amd: true,
templateBasePath: "templates/"
},
files: {
"templates/result.js": "templates/*.hbs"
}
}
}
});
grunt.loadNpmTasks('grunt-ember-templates');
// Default task(s).
grunt.registerTask('default', ['emberTemplates']);
};
我在模板目录中有一个index.hbs
文件,只有一行:
<h1>HBS</h1>
当我运行grunt时,我将其作为result.js
define(["ember"], function(Ember){
Ember.TEMPLATES["index"] = Ember.Handlebars.template(function anonymous(Handlebars,depth0,helpers,partials,data) {
this.compilerInfo = [4,'>= 1.0.0'];
helpers = this.merge(helpers, Ember.Handlebars.helpers); data = data || {};
data.buffer.push("<h1>HBS</h1>\n");
});
});
我将result.js
文件包含在index.html
中。但是,我仍然没有看到渲染的remplate内容。那么,我该如何运作呢?